React
Official documentation: https://react.dev
Overview
This skill provides comprehensive documentation for react.
Total references: 74 files (~444,708 tokens)
Topics covered: Whats New in React 18, Setting Up Compilation, Asset Loading, A single source of truth for each state, See also, React 18 for Application Developers, State Hooks, Improvements in React 19, Concurrent Stores, Effects react to reactive values, Resource APIs, Adopt React Compiler incrementally...
Reference Files
Load only the reference files relevant to the user's question:
Blog
- Not Found and more (~6,650 tokens)
- Topics: Whats coming in React 18, A gradual adoption strategy, Working with the community
- React v18.0 and more (~6,822 tokens)
- Topics: What is Concurrent React, Gradually Adopting Concurrent Features, Suspense in Data Frameworks
- Introducing react.dev and more (~6,173 tokens)
- Topics: tldr, New site new domain new homepage, Going all-in on modern React with Hooks
- React Canaries: Enabling Incremental Feature Rollout Outside Meta and more (~4,683 tokens)
- Topics: tldr, How React features are usually developed, Can we just do more minor releases
- React 19 Upgrade Guide (~4,379 tokens)
- Topics: Installing, Codemods, Breaking changes
- React v19 and more (~6,999 tokens)
- Topics: Whats new in React 19, New React DOM Static APIs, React Server Components
- React Compiler Beta Release and more (~7,350 tokens)
- Topics: Try React Compiler Beta today, We recommend everyone use the React Compiler linter today, Backwards Compatibility
- Sunsetting Create React App (~3,298 tokens)
- Topics: Deprecating Create React App, How to Migrate to a Framework, How to Migrate to a Build Tool
- React Labs: View Transitions, Activity, and more (~6,914 tokens)
- Topics: View Transitions, Activity, React Performance Tracks
- React 19.2 and more (~7,148 tokens)
- Topics: New React Features, New React DOM Features, Notable Changes
- Critical Security Vulnerability in React Server Components and more (~2,865 tokens)
- Topics: Immediate Action Required, Update Instructions, Timeline
Community
- Acknowledgements and more (~7,800 tokens)
- Topics: Past contributors, Additional Thanks, Upcoming Conferences
- Versioning Policy and more (~4,079 tokens)
- Topics: Stable releases, All release channels, React Conf 2024
Docs
- Not Found and more (~300 tokens)
General
- Not Found and more (~6,877 tokens)
- Topics: Code of Conduct, Stack Overflow, Popular Discussion Forums
- React Versions (~1,433 tokens)
- Topics: Latest version 192, Previous versions, Changelog
Learn
- Add React to an Existing Project and more (~5,782 tokens)
- Topics: Using React for an entire subroute of your existing website, Using React for a part of your existing page, Using React Native in an existing native mobile app
- Choosing the State Structure and more (~7,174 tokens)
- Topics: Principles for structuring state, Group related state, Avoid contradictions in state
- Creating a React App and more (~7,391 tokens)
- Topics: Full-stack frameworks, Other frameworks, Start From Scratch
- Extracting State Logic into a Reducer and more (~6,858 tokens)
- Topics: Consolidate state logic with a reducer, ComparinguseStateanduseReducer, Writing reducers well
- Keeping Components Pure (~2,389 tokens)
- Topics: Purity Components as formulas, Side Effects unintended consequences, Where youcancause side effects
- Lifecycle of Reactive Effects (~6,065 tokens)
- Topics: The lifecycle of an Effect, Effects react to reactive values, Recap
- Managing State and more (~6,009 tokens)
- Topics: Reacting to input with state, Ready to learn this topic, Choosing the state structure
- Passing Data Deeply with Context and more (~6,076 tokens)
- Topics: The problem with passing props, Context an alternative to passing props, Using and providing context from the same component
- Preserving and Resetting State (~6,700 tokens)
- Topics: State is tied to a position in the render tree, Same component at the same position preserves state, Different components at the same position reset state
- Queueing a Series of State Updates and more (~7,625 tokens)
- Topics: React batches state updates, Updating the same state multiple times before the next render, Recap
- Reacting to Input with State and more (~5,783 tokens)
- Topics: How declarative UI compares to imperative, Thinking about UI declaratively, Recap
- Removing Effect Dependencies (~7,064 tokens)
- Topics: Dependencies should match the code, Removing unnecessary dependencies, Recap
- Render and Commit and more (~6,736 tokens)
- Topics: Step 1 Trigger a render, Step 2 React renders your components, Step 3 React commits changes to the DOM
- Reusing Logic with Custom Hooks (~6,815 tokens)
- Topics: Custom Hooks Sharing logic between components, Passing reactive values between Hooks, When to use custom Hooks
- Scaling Up with Reducer and Context and more (~7,507 tokens)
- Topics: Combining a reducer with context, Moving all wiring into a single file, Recap
- Sharing State Between Components and more (~6,533 tokens)
- Topics: Lifting state up by example, A single source of truth for each state, Recap
- State as a Snapshot (~2,139 tokens)
- Topics: Setting state triggers renders, Rendering takes a snapshot in time, State over time
- Synchronizing with Effects (~8,196 tokens)
- Topics: What are Effects and how are they different from events, You might not need an Effect, How to write an Effect
- Thinking in React (~3,771 tokens)
- Topics: Start with the mockup, Step 1 Break the UI into a component hierarchy, Step 2 Build a static version in React
- Tutorial: Tic (~13,601 tokens)
- Topics: Setup for the tutorial, Overview, Completing the game
- Using TypeScript and more (~5,421 tokens)
- Topics: Installation, TypeScript with React Components, Example Hooks
- Updating Arrays in State and more (~7,387 tokens)
- Topics: Updating arrays without mutation, Updating objects inside arrays, Recap
- Writing Markup with JSX (~1,752 tokens)
- Topics: JSX Putting markup into JavaScript, Converting HTML to JSX, The Rules of JSX
- You Might Not Need an Effect (~7,472 tokens)
- Topics: How to remove unnecessary Effects, Recap, Try out some challenges
- Your First Component (~1,690 tokens)
- Topics: Components UI building blocks, Defining a component, Using a component
Link
- hydrateRoot and more (~4,661 tokens)
- Topics: Reference, Usage, Troubleshooting
Reference
- React Performance tracks and more (~7,715 tokens)
- Topics: Usage, Tracks, Rule Details
- set and more (~8,002 tokens)
- Topics: Rule Details, Common Violations, Troubleshooting
- cache and more (~4,651 tokens)
- Topics: Reference, Usage, Troubleshooting
- Children and more (~5,333 tokens)
- Topics: Reference, Usage, Alternatives
- Component (~10,374 tokens)
- Topics: Reference, Usage, Alternatives
- Built and more (~6,540 tokens)
- Topics: Built-in components, Your own components, Reference
- forwardRef and more (~6,557 tokens)
- Topics: Reference, Usage, Troubleshooting
- memo and more (~5,738 tokens)
- Topics: Reference, Usage, Troubleshooting
- <StrictMode> and more (~7,660 tokens)
- Topics: Reference, Usage, Reference
- use and more (~7,709 tokens)
- Topics: Reference, Usage, Troubleshooting
- useContext and more (~5,861 tokens)
- Topics: Reference, Usage, Troubleshooting
- useEffect (~7,395 tokens)
- Topics: Reference, Usage, Troubleshooting
- useEffectEvent and more (~6,258 tokens)
- Topics: Reference, Usage, Reference
- useMemo and more (~6,817 tokens)
- Topics: Reference, Usage, Troubleshooting
- useReducer and more (~5,605 tokens)
- Topics: Reference, Usage, Troubleshooting
- useState and more (~7,381 tokens)
- Topics: Reference, Usage, Troubleshooting
- useTransition (~4,322 tokens)
- Topics: Reference, Usage, Troubleshooting
- <ViewTransition> and more (~7,663 tokens)
- Topics: Reference, Usage, Troubleshooting
- use no memo and more (~6,329 tokens)
- Topics: Reference, Usage, Troubleshooting
- hydrateRoot and more (~2,676 tokens)
- Topics: Reference, Usage, Troubleshooting
- Common components (e.g. <div>) (~8,082 tokens)
- Topics: Reference, Usage
- <form> and more (~7,592 tokens)
- Topics: Reference, Usage, Reference
- <meta> and more (~7,632 tokens)
- Topics: Reference, Usage, Reference
- <title> and more (~7,382 tokens)
- Topics: Reference, Usage, Common components
- hydrate and more (~6,386 tokens)
- Topics: Reference, Usage, Reference
- renderToPipeableStream (~4,036 tokens)
- Topics: Reference, Usage
- renderToReadableStream and more (~7,790 tokens)
- Topics: Reference, Usage, Reference
- Server React DOM APIs and more (~7,845 tokens)
- Topics: Server APIs for Web Streams, Server APIs for Nodejs Streams, Legacy Server APIs for non-streaming environments
- Server Functions and more (~7,477 tokens)
- Topics: Usage, Usage, Reference
- 'use server' and more (~7,252 tokens)
- Topics: Reference, Usage, Components and Hooks must be idempotent
Tutorial
- Not Found (~36 tokens)
Warnings
- react (~245 tokens)
- Topics: ReactDOMTestUtilsact warning, Rest of ReactDOMTestUtils APIS
Usage Guidelines
- Identify relevant sections - Match the user's question to the appropriate reference file(s)
- Load minimally - Only read files directly relevant to the question to conserve context
- Cite sources - Reference specific sections when answering
- Combine knowledge - For complex questions, you may need multiple reference files
When to use each reference:
- Blog: Blog-related features and documentation
- Community: Community-related features and documentation
- Docs: Docs-related features and documentation
- General: General documentation, overview, and getting started
- Learn: Learn-related features and documentation
- Link: Link-related features and documentation
- Reference: Reference-related features and documentation
- Tutorial: Tutorial-related features and documentation
- Warnings: Warnings-related features and documentation