Credit to devdocs.io

react

Accessibility Code-Splitting Context Error Boundaries Forwarding Refs Fragments Higher-Order Components Integrating with Other Libraries JSX In Depth Optimizing Performance Portals Profiler API React Without ES6 React Without JSX Reconciliation Refs and the DOM Render Props Static Type Checking Strict Mode Typechecking With PropTypes Uncontrolled Components Web Components

11 API Reference

DOM Elements JavaScript Environment Requirements Legacy Context React Top-Level API React.Component ReactDOM ReactDOMServer Shallow Renderer SyntheticEvent Test Renderer Test Utilities

5 Concurrent Mode (Experimental)

Adopting Concurrent Mode Concurrent Mode API Reference Concurrent UI Patterns Introducing Concurrent Mode Suspense for Data Fetching

8 FAQ

AJAX and APIs Babel, JSX, and Build Steps Component State File Structure Passing Functions to Components Styling and CSS Versioning Policy Virtual DOM and Internals

19 Glossary

Bundlers CDN Compilers Components Controlled vs. Uncontrolled Components Elements ES6, ES2015, ES2016, etc Events Glossary of React Terms JSX Keys Lifecycle Methods Package Managers props props.children Reconciliation Refs Single-page Application state

18 Hooks

Building Your Own Hooks Hooks API Reference Hooks at a Glance Hooks FAQ Introducing Hooks Rules of Hooks useCallback useContext useDebugValue useEffect useImperativeHandle useLayoutEffect useMemo useReducer useRef useState Using the Effect Hook Using the State Hook

5 Installation

Add React to a Website CDN Links Create a New React App Getting Started Release Channels

11 Main Concepts

Components and Props Composition vs Inheritance Conditional Rendering Forms Handling Events Introducing JSX Lifting State Up Lists and Keys Rendering Elements State and Lifecycle Thinking in React

42 Reference

<SuspenseList> Class.contextType Context.Consumer Context.displayName Context.Provider createBlockingRoot createPortal() createRoot findDOMNode() hydrate() React.createContext render() renderToNodeStream() renderToStaticMarkup() renderToStaticNodeStream() renderToString() requestAnimationFrame shallowRenderer.getRenderOutput() shallowRenderer.render() Suspense testInstance.children testInstance.find() testInstance.findAll() testInstance.findAllByProps() testInstance.findAllByType() testInstance.findByProps() testInstance.findByType() testInstance.instance testInstance.parent testInstance.props testInstance.type TestRenderer.act() TestRenderer.create() testRenderer.getInstance() testRenderer.root testRenderer.toJSON() testRenderer.toTree() testRenderer.unmount() testRenderer.update() unmountComponentAtNode() useDeferredValue useTransition

19 Reference: Component

componentDidCatch() componentDidMount() componentDidUpdate() componentWillUnmount() constructor() defaultProps displayName forceUpdate() getSnapshotBeforeUpdate() props render() setState() shouldComponentUpdate() state static getDerivedStateFromError() static getDerivedStateFromProps() UNSAFE_componentWillMount() UNSAFE_componentWillReceiveProps() UNSAFE_componentWillUpdate()

18 Reference: React

cloneElement() createElement() createFactory() isValidElement() React.Children React.Children.count React.Children.forEach React.Children.map React.Children.only React.Children.toArray React.Component React.createRef React.forwardRef React.Fragment React.lazy React.memo React.PureComponent React.Suspense

16 Reference: Test Utilities

act() findAllInRenderedTree() findRenderedComponentWithType() findRenderedDOMComponentWithClass() findRenderedDOMComponentWithTag() isCompositeComponent() isCompositeComponentWithType() isDOMComponent() isElement() isElementOfType() mockComponent() renderIntoDocument() scryRenderedComponentsWithType() scryRenderedDOMComponentsWithClass() scryRenderedDOMComponentsWithTag() Simulate

3 Testing

Testing Environments Testing Overview Testing Recipes