1 多用 Function Component如果组件是纯展示型的，不需要维护 state 和生命周期，则优先使用 Function Component。它有如下好处：代码更简洁，一看就知道是纯展示型的，没有复杂的业务逻辑更好的复用性。只要传入相同结构的 props，就能展示相同的界面，不需要考虑副作用。更小的打包体积，更高的执行效率一个典型的 Function Component 是下面这个样子
原创
精选
2024-03-20 08:58:28
210阅读
9月份开始，使用了react16.8的新特性react Hooks对项目进行了重构，果然，感觉没有被辜负，就像阮一峰老师所说的一样，这个 API 是 React 的未来。 Hooks React Hooks是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state
转载
2020-10-17 13:47:00
175阅读
2评论
1、什么是redux 官方解释：redux 是 js 应用的可预测状态的容器。 可以理解为全局数据状态管理工具（状态管理机），用来做组件通信等。 2、为什么使用redux 当没有使用redux时兄弟组件间传值将很麻烦，代码很复杂冗余。
转载
2021-07-14 21:34:00
175阅读
2评论
React在Github上已经有接近70000的 star 数了，是目前最热门的前端框架。而我学习React也有一段时间了，现在就开始用 React+Redux 进行实战！ 文章地址：https://github.com/DigAg/diga...项目代码地址：https://github.com/
转载
2020-01-21 16:43:00
236阅读
2评论
目录 1 1. 什么是JSX语法
2 2. jsx语法示例与渲染的VNode节点
3 3. jsx的渲染流程
4 4. jsx中的js和html的写法不同
5 a. js：{ js语法 }
6 i. 花括号里边一定要返回字符串才能渲染
7 ii. {{ 双花括号表示js语法里的对象格式 }
React Native 介绍什么是 React Native？React Native 是一个由 Facebook 于 2015 年 9 月发布的一款开源的 JavaScript 框架，它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。它既保留了 React 的开发效率，又同时拥有 Native 应用的良好体验，加上 Virtual DOM 跨平台的优势，实现了真
转载
2021-01-18 17:35:02
1005阅读
2评论
React Hooks + TypeScript 最佳实践原文本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。前沿以前有 JSX 语法，必须引入 React。React 17.0+ 不需要强制声明 React 了。具体参考：介绍全新
转载
2021-01-19 17:41:45
1231阅读
2评论
简介： 毫不夸张的说，Vite 给前端带来的绝对是一次革命性的变化。或者也可以说是 Vite 背后整合的 esbuild 、 Browser es modules、HMR、Pre-Bundling 等这些社区中关于 JS 编译发展的先进工...
转载
2021-06-18 11:11:00
125阅读
2评论
概述React 是近期非常热门的一个前端开发框架，其本身作为 MVC 中的 View 层可
原创
2022-09-07 10:42:47
148阅读
React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。精读环境要求拥有较为稳定且理解函数式编程的前端团队。开启 ESLint 插件：eslint-plugin-react-hooks
原创
2019-09-10 15:26:54
3738阅读
前端是个比较苦逼的工种，面临着一年一变的开发框架，一季一变的脚手架，一月一变工具库，这几年现已经发展到整个开发生态圈一年一变。然而对于新技术的追求是一定要有的，毕竟唯一不变的东西就是变化，在互联网行业跟不上变化就等于淘汰。对于比较有开发经验的前端同学们来说，学习一项新的框架是非常轻松的，积极订阅技术周刊、看文档、逛github都可以使你迅速跟上前端变化的节奏。回到现实，在大公司的大业务线，比如我所
原创
2021-01-12 19:33:18
526阅读
本文来自网易云社区 作者：汪洋 背景 最近开发一个全新AB测试平台，思考了下正好可以使用react技术开发。 实践前技术准备 首先遇到一个概念，redux。这货还真不好理解，大体的理解：Store包含所有数据，视图触发一个Action，Store收到Action后，返回一个新的 State，这样视图
转载
2018-09-29 11:20:00
107阅读
2评论
29.9React课程第06节：工程化webpack(第6节：react最佳实践&)第6节：react最佳实践&安装webpack推荐使用局部安装生成package.json包描述规范文件夹，-D --save -dev的简写指定webpack的版本npx是npm的另一种实现，去node_module去找而不是去全局寻找webpack...
原创
2023-02-23 21:26:11
233阅读
要开发后应用，第一步是选择一个优雅的后台页面模板，大家可以有很多种选择，这里我向大家
原创
2022-12-15 11:24:03
149阅读
使用 React Context基于 React Context 实现跨组件通信的一个常见用例是创建一个能够在不同组件间共享和触发行为的上下文。以下是一个简化的例子，展示了如何在 app.tsx 中触发其他组件（例如，一个弹窗组件）中的方法。1. 创建一个 Context首先，我们创建一个新的 Context。这个 Context 将包含我们想要在应用中共享的方法。import React, {
原创
精选
2024-01-13 18:13:31
532阅读
自从三大框架成型之后，各个框架都为提升开发者的开发效率作出了不少努力，但是看起来技术革新都到了一个瓶颈。除了 React 引入了一次函数式的思想，感觉已经没有当初从DOM时代到数据驱动时代的惊艳感了。于是 React 将精力放在了用户体验上，想让开发者在不过多耗费精力的情况下，…
原创
2022-04-19 11:33:39
144阅读
React已经火到不行了，相信大家伙儿或多或少的看过或者自己动手实践过一些demo，所以关于一些基础的概念我这里就不再赘述，大家可以在km或者google上搜索“React入门”。网上的大多数demo都是静态渲染的例子，只是玩具，并不能很好的体现实际开发过程。兴趣部落PC版在生产环境采用了React，这里给大家分享一下PC部落实战过程中，个人觉得比较重要的一些点。本文分三个部分。React生命周期
原创
2021-01-09 22:18:13
313阅读
