React

React

React

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。React以声明式编写 UI，可以让你的代码更加可靠，且方便调试。

等 10 人订阅共18篇文章创建于2021-06-30

react18 - react hook(三)

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第7天，点击查看活动详情 readux hook 在之前的redux开发中，为了让组件和redux结合起来，我们使用了react-

1年前
58
点赞
评论

react18 - react hook(三)

React18 - react hook(二)

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第23天，点击查看活动详情 useRef useRef返回一个ref对象，返回的ref对象再组件的整个生命周期保持不变使用场景

1年前
120
点赞
评论

React18 - react hook(二)

React 18 - react hook(一)

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情 Hook 是 React 16.8 的新增特性，Hook本质上就是一系列的函数 Hook可以让我们在不编

1年前
134
点赞
评论

React 18 - react hook(一)

React18 - react-router

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第9篇文章，点击查看活动详情 React Router在最近两年版本更新的较快，并且在最新的React Router6.x版本中发生了较大的变化

2年前
2.4k
2
评论

React18 - react-router

React18 - redux知识点补充

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第9篇文章，点击查看活动详情 Redux Toolkit的数据不可变性在React开发中，我们总是会强调数据的不可变性: 无论是类组件中的sta

2年前
183
点赞
评论

React18 - redux知识点补充

React18 - react-toolkit

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第8篇文章，点击查看活动详情 Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法早期的redux的编写逻辑过于的繁琐和麻烦并且

2年前
1.1k
7
1

React18 - react-toolkit

React18 - redux基本使用(二)

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第7篇文章，点击查看活动详情在react中使用redux store/index.jsx store/consts.jsx store/acti

2年前
356
点赞
评论

React18 - redux基本使用(二)

React18 - redux基本使用(一)

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第6篇文章，点击查看活动详情纯函数纯函数必须满足如下条件：确定的输入，一定会产生确定的输出函数在执行过程中，不能产生副作用在执行一个函数

2年前
437
点赞
评论

React18 - redux基本使用(一)

React18 - 在React中编写CSS

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第5篇文章，点击查看活动详情目前，前端最流行的开发方式是，而CSS的设计就不是为组件化而生的，所以在目前组件化的框架中都在需要一种合适的CSS解

2年前
1.6k
2
5

React18 - 在React中编写CSS

React18 - react-transition-group

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第4篇文章，点击查看活动详情在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验我们可以通过原生的CSS来实现这些

2年前
1.4k
2
评论

React18 - react-transition-group

React18 - 组件化开发(四)

受控/非受控组件在React中，HTML表单的处理方式和普通的DOM元素不太一样: 表单元素通常会保存在一些内部的state 在 HTML 中，表单元素(如<input>、 <textarea> 和

2年前
440
点赞
评论

React18 - 组件化开发(四)

React18 - 组件化开发 (三)

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第3篇文章，点击查看活动详情更新流程我们知道React的在实际渲染的时候，会将对应的JSX转换为React.createElement方法通

2年前
241
点赞
评论

React18 - 组件化开发 (三)

React18 - setState

开发中我们并不能直接通过修改state的值来让界面发生更新因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并不知道数据发生了变化 Reac

2年前
332
1
评论

React18 - setState

React18 - 组件化开发(二)

插槽在开发中，我们抽取了一个组件，但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素我们应该让使用者可以决定某一块区域到底存放什么内容因为Reac

2年前
135
点赞
评论

React18 - 组件化开发(二)

React18 - 组件化开发(一)

如果我们将一个⻚面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展但如果，我们讲一个⻚面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整

2年前
414
点赞
评论

React18 - 组件化开发(一)

React18 - 脚手架

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第30天，点击查看活动详情编程中提到的脚手架(Scaffold)，其实是一种工具，帮我们可以快速生成项目的工程化结构，并且已经将我

2年前
991
点赞
评论

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第29天，点击查看活动详情 React认为渲染逻辑本质上与其他UI逻辑存在内在耦合他们之间是密不可分，所以React没有将界面和逻

2年前
288
点赞
评论

React18 - 邂逅React

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第28天，点击查看活动详情 React是一个用于构建用户界面的 JavaScript 库声明式编程它允许我们只需要维护自己的状态

2年前
284
2
评论

React18 - 邂逅React