先让我吐槽一下,Recoil这个玩意文档是真的不友好,另外发现国内很少有人去用Recoil,然后好多文章都是照搬官网文档,我特喵的要是出了问题直接看官方不就行了。如果你碰巧看到这个文章了,就细心看完吧,绝对的干货。至于它的一些优点特性,自己找找别的对比文章吧,我这里仅仅进行一个简单的示例演示及学习。
第一步:创建项目
利用vite创建一个React项目,其他的一样,别问我为啥只讲vite,因为我就是用的vite。
pnpm create vite
……选择react项目至于是ts还是js看你自己的喜好……
npm install
npm run dev
这是我的项目目录:

第二步:Recoil安装
pnpm add recoil
项目使用
在main.tsx中插入<RecoilRoot />,
Recoil在React项目中的实战教程

本文是对Recoil状态管理库在React项目中的使用介绍,作者抱怨Recoil的文档不友好,并提供了创建项目、安装Recoil、原子状态(atom)和派生状态(selector)的使用示例,以及相关的ReactHooks。文章还分享了一个简单的主题配置封装例子,并给出了代码片段来展示如何使用这些状态管理工具。
最低0.47元/天 解锁文章
365

被折叠的 条评论
为什么被折叠?



