React
docs
support
download
blog
github
Quick Start
Getting Started
Tutorial
Thinking in React
Community Resources
Videos
Complementary Tools
Examples
Guides
Why React?
Displaying Data
JSX in Depth
JSX Gotchas
Interactivity and Dynamic UIs
Multiple Components
Reusable Components
Forms
Working With the Browser
More About Refs
Tooling Integration
Add-Ons
Animation
Two-Way Binding Helpers
Class Name Manipulation
Test Utilities
Cloning Components
Reference
Top-Level API
Component API
Component Specs and Lifecycle
Supported Tags and Attributes
Event System
DOM Differences
Special Non-DOM Attributes
Reconciliation
Tips
Introduction
Inline Styles
If-Else in JSX
Self-Closing Tag
Maximum Number of JSX Root Nodes
Shorthand for Specifying Pixel Values in style props
Type of the Children props
Value of null for Controlled Input
componentWillReceiveProps Not Triggered After Mounting
Props in getInitialState Is an Anti-Pattern
DOM Event Listeners in a Component
Load Initial Data via AJAX
False in JSX
Communicate Between Components
Expose Component Functions
Examples
Production Apps
#
Instagram.com
is 100% built on React, both public site and internal tools.
Facebook.com
's commenting interface, business management tools,
Lookback video editor
, page insights, and most, if not all, new JS development.
Khan Academy
uses React for most new JS development.
Shirtstarter
is 100% built on React.
Sberbank
, Russia's number one bank, is built with React.
The New York Times's 2014 Red Carpet Project
is built with React.
Sample Code
#
React starter kit
Includes several examples which you can
view online in our GitHub repository
.
React one-hour email
Goes step-by-step from a static HTML mock to an interactive email reader, written in just one hour!
React server rendering example
Demonstrates how to use React's server rendering capabilities.
Open-Source Demos
#
TodoMVC
Khan Academy question editor
(Browse their GitHub account for many more production apps!)
github-issue-viewer
hn-react
Dead-simple Hacker News client.
← Prev