DOCSEARCHbyAlgolia
Submit Docs

React Documentation

website·Indexed 32 days ago

https://reactdev.ru

Comprehensive guides and API references for React v18, covering core concepts like JSX, hooks (useState, useRef, useLayoutEffect, useTransition), and Server Components. Includes detailed documentation on the React DOM server API (renderToString, renderToPipeableStream), TypeScript implementation for functional components and HOCs, and integration guides for popular libraries such as Redux Toolkit, React Query, Zustand, React Router, and Styled Components.

Tokens
619.5K
Snippets
2.6K
Records
3.5K
Agent score
63%

What's inside React

  1. Overview of Next.js Learning Paths

    Next.js offers several learning paths depending on the developer's experience level and the architectural approach needed:

    • App Router Course: A comprehensive 16-chapter journey from React basics to expert Next.js usage, focusing on building a full-stack demonstration site.
    • React Basics: Designed for those new to React, covering core concepts necessary to transition from JavaScript to React.
    • Pages Router: Focused on learning how to create static blogs using the legacy Pages Router architecture.

  2. Overview of React Server Actions

    Server Actions allow client components to call asynchronous functions that execute on the server. When a function is marked with the 'use server' directive, the framework creates a reference to the server function and passes it to the client component. When called on the client, React sends a request to the server to execute the function and returns the result.

  3. Overview of the React Ecosystem and Documentation

    React is a declarative, efficient, and flexible JavaScript library for building user interfaces. For developers getting started or looking for reference material, the following resources are available:

    • Official Documentation (v18): Includes the React Tutorial and React API reference.
    • TypeScript Integration: Guides for typing React and Redux with TypeScript.
    • Project Starters: Recommended frameworks for starting new projects include Next.js (v14+) and Create React App (CRA).

  4. Introduction to React Hooks

    Hooks are a feature introduced in React 16.8 that allow developers to use state and other React features without writing class components. They provide a more direct way to access familiar concepts like props, state, context, refs, and lifecycle methods. Hooks are 100% backward compatible, optional to use, and do not replace class components.

  5. Overview of react-dom/server APIs

    The react-dom/server APIs are used at the top level of a server-side application to generate initial HTML from React components. In most cases, these are handled by a framework and do not need to be imported or used directly within individual components.

  6. Overview of the react-dom package

    The react-dom package provides methods specifically for web applications running in a browser DOM environment. These APIs are not supported in React Native.

  7. Overview of the React Compiler

    The React Compiler is an experimental build-time tool that automatically optimizes React applications by implementing memoization. It analyzes standard JavaScript and ensures the 'Rules of React' are followed. If the compiler detects a rule violation in a specific component or hook, it safely skips that entity and continues compiling the rest of the code. This removes the need for manual memoization using useMemo, useCallback, and React.memo.

  8. Overview of Streaming in Next.js

    Streaming is a data transfer technique that allows a route to be broken into smaller chunks and progressively sent from the server to the client. This prevents slow data requests from blocking the entire page, allowing users to see and interact with parts of the UI while other content loads. In Next.js, streaming can be implemented at the page level using loading.tsx or at the component level using React <Suspense>.

  9. Overview of XState core concepts

    XState is a library used for creating, interpreting, and executing finite state machines and statecharts, as well as managing the invocation of these machines as actors.

  10. Overview of configureStore()

    configureStore() is an abstraction over the standard Redux createStore() function. It provides a set of sensible default configurations to improve the developer experience, such as automatically adding middleware and enabling Redux DevTools.

  11. Overview of React Transition Group

    React Transition Group is a utility library used to define entry and exit transitions in React applications. It is not an animation library (like React-Motion) and does not animate styles itself. Instead, it manages transition stages, handles CSS classes, manages group elements, and manipulates the DOM to simplify the implementation of visual transitions.

  12. Overview of JSX in React

    JSX is a syntax extension for JavaScript that allows developers to write HTML-like markup directly within JavaScript files. In React, rendering logic and markup are colocated within components (which are JavaScript functions). This ensures that the logic and the UI it controls remain synchronized and isolated from other components.