Recoil在React中完整实践方案

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

先让我吐槽一下,Recoil这个玩意文档是真的不友好,另外发现国内很少有人去用Recoil,然后好多文章都是照搬官网文档,我特喵的要是出了问题直接看官方不就行了。如果你碰巧看到这个文章了,就细心看完吧,绝对的干货。至于它的一些优点特性,自己找找别的对比文章吧,我这里仅仅进行一个简单的示例演示及学习。

第一步:创建项目

利用vite创建一个React项目,其他的一样,别问我为啥只讲vite,因为我就是用的vite

pnpm create vite

……选择react项目至于是ts还是js看你自己的喜好……

npm install

npm run dev

这是我的项目目录:

第二步:Recoil安装

pnpm add recoil

项目使用

在main.tsx中插入<RecoilRoot />,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值