01-react入门

已于 2023-02-13 16:03:15 修改
阅读量51 收藏
点赞数
分类专栏： React 文章标签： react.js javascript 前端
于 2023-02-13 15:48:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37037988/article/details/129010236
版权

react：用于构建用户界面的JavaScript库

特点：

  • 采用组件化模式、声明式编码，提高开发效率及组件复用率
  • 在React Native中可以使用React语法进行移动端开发
  • 使用虚拟DOM+优秀的Diffing算法，尽量减少与真是DOM的交流

注：高效的原因

  • 使用虚拟DOM
  • DOM Diffing算法 最小化页面重绘

需要的知识点

  • 判断this的指向
  • class类
  • ES6语法规范
  • npm包管理器
  • 原型、原型链
  • 数组常用方法
  • 模块化

babel：

babel可以将 ES6=>ES5 还可以将 jsx => js

所需要的文件

在这里插入图片描述

  1. react.development.js (React核心库)
  2. react-dom.development (React扩展库)
  3. babel.min.js:解析JSX语法代码转为JS代码的库
万恶的干脆面
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React零基础入门到项目实战之脚手架create-react-app搭建React项目
panpan_Yang的博客
08-07 246
脚手架 create-react-app react应用程序 react项目
react-React入门套件基于AtomicDesign
08-15
React入门套件基于Atomic Design
mobx-react快速入门使用
火山的博客
12-23 1674
介绍了mobx的一些基础用法，和一些简单理解。
【React】01-React 入门到放弃系列
legendaryhaha的博客
01-03 1158
由于捣鼓一些项目需要用到React，找了一些文档入门实践了一番。本篇文章以一个学生成绩录入的表单为例子，记录React 入门的一些基础操作。
Ag-Grid React入门
zhaowanwan的博客
11-24 4894
Ag-Grid和React兼容性: react Ag-Grid 15.x 18 - 21.2.0 16.3X 22+ 安装 npm install --save ag-grid-community ag-grid-react ag-grid-enterprise ag-grid-community: 原始版本，零依赖性，不会拉取第三方依赖关系到应用程序中 分组等高级功能是ag-grid-enterprise独有的功能。可以免费试用，如果打算用于生产项目，需要获取企业许可证密钥。
（转）create-react-app入门教程
CaseyWei
06-11 677
Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。它本身集成了Webpack，并配置了一系列内置的loader和默认的npm的脚本，可以很轻松的实现零配置就可以快速开发React的应用。 Quick Start（快速入门） 全局安装 首先确保你电脑上安装最新的 # 全局安装 npm install -g create-react-app # 构建一个my-app的项目 npx create-react-app my-app c.
React之mobx、mobx-react 入门
热门推荐
大灰狼的小绵羊哥哥的博客
09-18 1万+
前言 目前React框架越来越火，使用 react 公司越来越多！随着页面逻辑的复杂度提升，各种状态库也层次不穷，业内比较成熟的解决方案有 Redux、但是Redux使用相对繁琐，对于新手来说不友好。所以今天特意推荐大家可以去尝试使用另一个比较成熟的状态管理工具Mobx，mobx 的核心理念是 简单、可扩展的状态管理库。 个人感觉它和vuex有很多相似之处，如果你会vuex十分钟就可以搞定...
react入门--React-Router路由
weixin_45818290的博客
08-31 481
其中path属性用来指定匹配的路径地址，element属性指定要渲染的组件，图中配置的意思为: 当url上访问的地址为 /about 时，当前路由发生匹配，对应的About组件渲染。作用: 提供一个路由出口，组件内部会存在多个内置的Route组件，满足条件的路由会被渲染到组件内部，类比 router-view。作用: 用于定义路由路径和渲染组件的对应关系 [element：因为react体系内 把组件叫做react element]步骤一：导入必要的路由router内置组件。监听url hash值实现。..
React 入门：使用 create-react-app 创建 react 17 版本的应用
将PHP Web开发进行到底
11-15 5366
本文详细介绍了如何把通过 create-react-app 创建的 react18 版本的应用降级为 react17 版本。
第一章 react前端开发-react入门
qq_24430629的博客
11-10 1818
react入门
create-react-app-esbuild:在您的create-react-app中使用esbuild进行更快的编译，开发和测试
05-13
特征在开发过程中用esbuild替换babel-loader 用esbuild替换babel-loader以加快构建时间用esbuild替换terser，以加快构建时间开玩笑时使用esbuild入门按照设置您的项目。常问问题为什么会更快？ 在内部create-react-...
tinymce-react：官方TinyMCE React组件
02-06
有关TinyMCE React快速入门，请参阅： 。 有关TinyMCE React技术参考，请参阅： 。 对于我们的快速演示，请查看TinyMCE React 。 问题 您是否发现了tinymce-react问题或有功能要求？ 打开一个，让我们知道或提交...
react-react入门架手架搭建reactreactrouter40redux
08-15
react 入门架手架搭建 react react-router4.0 redux
（四）React组件、useState、组件样式
二进制杯莫停的博客
06-09 316
概念：一个组件就是用户界面的一部分，它可以有自己的逻辑和外观，组件之间。组件化开发可以让开发者像搭积木一样构建一个完整的庞大应用。
React如何配置路由
最新发布
weixin_47121832的博客
06-15 242
react配置路由方法
React中数据响应式原理
linzhongshu的专栏
06-10 432
在React中，数据响应式是通过组件的状态（State）和属性（Props）来实现的。当状态或属性发生变化时，React会自动重新渲染组件，以确保UI与数据保持同步。这种机制背后的原理是React的虚拟DOM（Virtual DOM）。虚拟DOM是一个轻量级的JavaScript对象，它是实际DOM的抽象。React通过比较新旧虚拟DOM的差异，计算出最小的更新操作，然后应用到实际DOM上。这大大减少了直接操作DOM的次数，提高了性能。
react 0至1 案例
m0_60559048的博客
06-14 232
2.通过记录type和当前list中的type 匹配。* 1. 渲染导航 Tab 和高亮。* 导航 Tab 的渲染和操作。* 最热 => 喜欢数量降序。* 最新 => 创建时间降序。* 1.点击记录当前type。* 2. 评论列表排序。
React基础教程(06)：Ref的应用
WwLK123的博客
06-12 345
react的Ref应用的简单介绍。
react-native 入门
09-02
要入门react-native，首先你需要安装react-native-image-to-pdf库。你可以通过以下命令进行自动安装： $ npm install react-native-image-to-pdf --save 或者 $ yarn add react-native-image-to-pdf 然后，你需要将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值