概述React 是近期非常热门的一个前端开发框架,其本身作为 MVC 中的 View 层可
原创
2022-09-07 10:42:47
148阅读
9月份开始,使用了react16.8的新特性react Hooks对项目进行了重构,果然,感觉没有被辜负,就像阮一峰老师所说的一样,这个 API 是 React 的未来。 Hooks React Hooks是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state
转载
2020-10-17 13:47:00
175阅读
2评论
1 多用 Function Component如果组件是纯展示型的,不需要维护 state 和生命周期,则优先使用 Function Component。它有如下好处:代码更简洁,一看就知道是纯展示型的,没有复杂的业务逻辑更好的复用性。只要传入相同结构的 props,就能展示相同的界面,不需要考虑副作用。更小的打包体积,更高的执行效率一个典型的 Function Component 是下面这个样子
原创
精选
2024-03-20 08:58:28
210阅读
React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
原创
2024-10-14 09:46:46
10阅读
React 入门实例教程 http://www.ruanyifeng.com/blog/2015/03/react.html React 测试入门教程http://www.ruanyifeng.com/blog/2016/02/react-testing-tutorial.html React Ro
原创
2021-07-20 14:35:59
209阅读
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语法里的对象格式 }
本文转自:http://www.runoob.com/react/react-install.html React 可以直接下载使用,下载包中也提供了很多学习的实例。 本教程使用了 React 的版本为 15.4.2,你可以在官网 http://facebook.github.io/react/ 下
转载
2018-01-27 12:19:00
83阅读
2评论
经过一段时间的react学习,现在整理一下学习的内容。 首先react更偏向原生js,原生js学的好其实对react的学习有很大的辅助作用。react的官网上对react介绍的很详细,我就不一一介绍了。 本人把react分为几个学习部分,首先是react的使用,也就是react的环境搭建;然后是组件部分,包括组件的传值。然后就是react的生命周期函数,再然后是react的路由和最后的red
转载
2024-07-15 09:04:58
47阅读
英文版:https://reactjs.org/docs/create-a-new-react-app.html 中文版:https://doc.react-china.org/docs/hello-world.html NodeJS:https://nodejs.org/en/ 使用参考教程:ht
原创
2021-07-29 11:29:03
370阅读
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创
2021-07-20 14:36:01
387阅读
前言 学习总结使用,文章中如有错误的地方,请指正。该系列文章主要记录了搭建一个管后台的步骤,主要实现的功能有:使用路由模拟登录、退出、以及切换不同的页面;使用redux实现面包屑;引入使用其他常用的组件,比如highchart、富文本等,后续会继续完善。 github地址:https://github.com/huangtao5921/react-antDesgin-admin (欢
转载
2024-05-08 21:38:10
22阅读
前言在上一章:React 简单教程-1-组件 我们知道了 React 的组件是什么,长什么样,用 js 和 HTML 小小体验了一下组件。在这一章,我们将使用 typescript(简称 ts) 来代替 js,这种语法的文件名后缀是 tsx。我强烈建议使用 ts 来开发 React,要说 ts 比 js 好在哪里?这么说,js 唯一不好的地方就是它只能用 js 来写。如果你不会 ts,那么你可以稍
转载
2023-10-10 13:58:41
210阅读
文章目录一、什么是React二、React的特点1. **组件化**:React采用组件化模式,将UI拆分为独立、可复用的组件,提高代码复用率。2. **声明式设计**:React采用声明范式,可以轻松描述应用状态与UI之间的关系。3. **虚拟DOM**:React不直接操作DOM,而是通过虚拟DOM和diff算法,以最小的步骤作用到真实的DOM上,提升性能。4. **单向数据流**:React
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评论