1992
Resultado de búsqueda
Implement persistence, routing, time-travel debugging, or undo by observing all state changes across your app, without impairing code-splitting.
Recoil is a state management library for React, so you need to have React installed and running to use Recoil. The easiest and recommended way for bootstrapping a React application is to use Create React App :
Recoil 拥有与 React 一样的工作方式与原理。将其添加到您的应用中可获得快速、灵活的状态共享。
The Recoil package lives in npm. To install the latest stable version, run the following command:
本页总览. 快速上手. Create React App . Recoil 是 React 的状态管理库，因此你需要在 React 工程中安装并使用 Recoil。. 创建 React 项目最为推荐的方式是使用 Create React App：. npx create-react-app my-app. 复制. npx是 npm 5.2 版本之后支持的 package 运行工具，请参阅 npm 相关文档的 ...
Selectors represent a function, or derived state in Recoil. You can think of them as similar to an "idempotent" or "pure function" without side-effects that always returns the same value for a given set of dependency values.
See the Getting Started page for how to get started with Recoil and React from scratch. Components in the following sections are assumed to have a <RecoilRoot /> in the parent tree. In this tutorial, we'll be building a simple todo-list application.
Recoil provides a way to map state and derived state to React components via a data-flow graph. What's really powerful is that the functions in the graph can also be asynchronous. This makes it easy to use asynchronous functions in synchronous React component render functions.
Selectors. A selector represents a piece of derived state. You can think of derived state as the output of passing state to a pure function that derives a new value from the said state. Derived state is a powerful concept because it lets us build dynamic data that depends on other data.
Use hooks such as useSetRecoilState () or useRecoilCallback () for async state changes. Atom effects can be used for easier initialization of dynamic atoms and co-locating initialization logic with atom definitions. Atom effect initializations take precedence over initializeState. Defaults to true.
