26 captures
03 Feb 2019 - 18 Jan 2026
Sep OCT Nov
24
2020 2021 2022
success
fail

About this capture

COLLECTED BY

Collection: Save Page Now Outlinks

TIMESTAMPS

The Wayback Machine - http://web.archive.org/web/20211024153531/https://www.fullstackpython.com/react.html
 

Full Stack Python logoFull Stack Python
All topics | Blog | Supporter's Edition | @fullstackpython | Facebook | What's new?

React






React is a JavaScript web application framework for building rich user interfaces that run in web browsers.

React framework logo.
React is an implementation of the JavaScript frameworks concept. Learn how these pieces fit together in the web development chapter or view the table of contents for all topics.

Beginner React tutorials


Generally before you start working with React you will want to learn how to build your Python backend with a web framework such as Django, FlaskorPyramid. Once you get comfortable with the web development basics with one of those frameworks as well as JavaScript then it will be much easier to tack on React to build your client-side user interfaces.



JavaScript fundamentals before learning React provides a gut check that you have the prerequisite knowledge to avoid getting impossibly stuck while trying to learn React.



The official React tutorial is one of the best ways to start using React because many other tutorials quickly fall out of date while this one tends to stick to the basics that are relevant to beginners.



9 things every React.js beginner should know is not a tutorial but instead the author gives some strong opinions for what beginners should know as they start learning React.



React Bootstrap (source code replaces the existing Bootstrap JavaScript with React components that do not rely on jQuery.


Python+React tutorials




How to set up Django with React presents one developer's opinionated way of combining a Django-powered back end with React on the front end, including how to serve up static assets.



Django REST with React (Django 2.0 and a sprinkle of testing) combines a Django plus Django REST Framework (DRF) backend with React on the front end and shows how to stich it all together.



This Modern Django 4-part tutorial series is well-done, has freely available source code and includes:


(一)Setting up Django and React

(二)Redux and React Router setup

(三)Creating an API and integrating with React

(四)Adding authentication to React SPA using DRF




Build a Simple CRUD App with Python, Flask, and React shows how to combine a Flask backend with React.



Learn React app is a Git repository with a code tutorial and instructions for how to follow along, as well as exercises to ensure you are tested as you go.


Other React resources




React interview questions is a good quiz to see what you know or still need to learn about the fundamentals of using React.



Under-the-hood-ReactJS examines the React codebase itself rather than teaching you how to use it.


Do you need to style your app or deploy it?





My app runs but looks awful. How do I style the user interface?
 




I've built a Python web app, now how do I deploy it?
 




How should I host and serve static content files?
 





Sponsored By


AssemblyAI logo
The most accurate speech-to-text API. Built for Python developers.





Table of Contents



1. Introduction 2. Development Environments 3. Data 4. Web Development Web Frameworks Django Flask Bottle Pyramid TurboGears Falcon Morepath Sanic Other Web Frameworks Template Engines Jinja2 Mako Django Templates Web Design HTML Cascading Style Sheets (CSS) Responsive Design Minification CSS Frameworks Bootstrap Foundation JavaScript React Vue.js Angular Task Queues Celery Redis Queue (RQ) Dramatiq Static Site Generators Pelican Lektor MkDocs Testing Unit Testing Integration Testing Debugging Code Metrics Networking HTTPS WebSockets WebRTC Web APIs Microservices Webhooks Bots API Creation API Frameworks Django REST Framework API Integration Twilio Stripe Slack Okta Security SQL Injection CSRF 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.



Full Stack Python


Full Stack Python is an open book that explains concepts in plain language and provides helpful resources for those topics.

Updates via Twitter & Facebook.



Chapters



1. Introduction 2. Development Environments 3. Data 4. Web Development » React 5. Deployment 6. DevOps Changelog What Full Stack Means About the Author Future Directions Page Statuses ...or view the full table of contents.

 



Matt Makai 2012-2021