ReactPy
Convert Between VDOM and HTML 🚧
Initializing search
reactive-python/reactpy
Home
Get Started
Learn React
Reference
About ReactPy
ReactPy
reactive-python/reactpy
Home
Get Started
Get Started
Quick Start
Quick Start
Tutorial: Tic-Tac-Toe 🚧
Thinking in React
Installation
Installation
Start a New React Project
Add React to an Existing Project 🚫
Editor Setup
React Developer Tools 🚫
Extra Tools and Packages 🚧
More Tutorials
More Tutorials
Tutorial: React Bootstrap 🚫
Tutorial: Material UI 🚫
Learn React
Learn React
Describing the UI
Describing the UI
Your First Component 🚧
Importing and Exporting Components 🚧
Writing Markup with PSX 🚫
Python in PSX with Curly Braces 🚫
Passing Props to a Component 🚧
Conditional Rendering 🚧
Rendering Lists 🚧
Keeping Components Pure 🚧
Adding Interactivity
Adding Interactivity
Responding to Events 🚧
State: A Component's Memory 🚧
Render and Commit 🚧
State as a Snapshot 🚧
Queueing a Series of State Updates 🚧
Updating Objects in State 🚧
Updating Arrays in State 🚧
Managing State
Managing State
Reacting to Input with State 🚧
Choosing the State Structure 🚧
Sharing State Between Components 🚧
Preserving and Resetting State 🚧
Extracting State Logic into a Reducer 🚧
Passing Data Deeply with Context 🚧
Scaling Up with Reducer and Context 🚧
Escape Hatches
Escape Hatches
Referencing Values with Refs 🚧
Manipulating the DOM with Refs 🚧
Synchronizing with Effects 🚧
You Might Not Need an Effect 🚧
Lifecycle of Reactive Effects 🚧
Separating Events from Effects 🚧
Removing Effect Dependencies 🚧
Reusing Logic with Custom Hooks 🚧
Communicating Data Between Server and Client 🚧
Convert Between VDOM and HTML 🚧
VDOM Mutations 🚧
Creating VDOM Event Handlers 🚧
Creating HTML Tags 🚧
Creating Backends 🚧
Manually Register a Client 🚧
Reference
Reference
Hooks
Hooks
Use State 🚧
Use Effect 🚧
Use Context 🚧
Use Reducer 🚧
Use Callback 🚧
Use Memo 🚧
Use Ref 🚧
Use Debug Value 🚧
Use Connection 🚧
Use Scope 🚧
Use Location 🚧
Use ID 🚫
Use Deferred Value 🚫
Use Imperative Handle 🚫
Use Insertion Effect 🚫
Use Layout Effect 🚫
Use Sync External Store 🚫
Use Transition 🚫
HTML Tags
HTML Tags
Common Props 🚧
Usage 🚧
Backends
Backends
FastAPI 🚧
Flask 🚧
Sanic 🚧
Starlette 🚧
Tornado 🚧
Django 🚧
Jupyter 🚧
Plotly Dash 🚧
PyScript 🚫
Protocol Structure 🚧
Client API 🚧
About ReactPy
About ReactPy
Changelog 🚧
Community 🚧
Running Tests 🚧
Contributing Code 🚧
Contributing Documentation 🚧
Convert Between VDOM and HTML 🚧
Back to top