React学习之路 - 准备工作

原创 已于 2023-08-13 12:54:05 修改 · 614 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #前端框架 #react.js

于 2023-06-10 20:30:15 首次发布

一、3W

React是什么？

React 起源于 Facebook 的内部项目，因为该
公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设
 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

为什么要学React？

Vue 、 React、 Angular 是目前最主流的三大前端框架， React 便是其中的佼佼者。在很多的企业招聘信息中，你都会看到 React 的身影，可见，所有的前端初学者、开发者，已经到了不得不学习它的时刻。

https://npm-stat.com/

a90b3c42facb48eeb48400ecbb6afde4.jpg

React的下载量远远高于另外两个框架。

学习React可以做什么？

React在国外应用的比较多，例如Facebook、Yahoo、Raddit等都有使用到它。在国内的应用也逐渐火热，很多大厂都有尝试使用react（比如知乎，豆瓣，优酷等）。前端技术发展日新月异，截止2022年第一季度，国内前端框架使用上大多是偏向于vue的，培训机构也大多针对vue进行培训，这导致React的前端工程师相对稀缺。在学习难度上React的难度比vue稍高，这也是很多对应聘者要求较高的公司需要应聘者有react开发经历的原因。

二、官方网站

最低0.47元/天 解锁文章
测试：TypeScript 字符串比较为什么“看起来一样却不相等”？一文搞懂隐形差异！
Kant2048的博客
03-17 689
【代码】在 TypeScript 中，两个看似相同的字符串用 `==` 比较返回 `false`
React学习笔记 -- 组件通信之路由传参（react-router-dom）
高大志leo的博客
10-24 4937
最近在学习react，现在的工作中使用的是vue，在学习的过程中对两者进行比较，加深理解。 以下是react中的一小部分知识点，我个人觉得也是比较常用的知识点，react组件通信的其中一种方式--路由传参（react组件通信的方式有多种，如props、事件回调、context、router、redux、缓存等等）。现在单页面SPA应用的比较广泛，在不刷新整个页面进行部分页面的跳转，使用路由跳转便在所难免，那么react路由除了进行页面之间的跳转，还有很大一个作用就是进行页面或者组件切换时传递参...
精选资源
react-antd-admin:一个简洁的antd-react-admin应用-React + Antd后台管理系统
03-11
如果你准备使用React全家桶开发应用，它能够快速让我们一起享受整个React生态圈和工具链带来的愉悦开发体验。 在开始之前，推荐先学习React，ES2015，ES6，Node.js，Webpack等知识，并正确安装和配置了Node.js环境。...
截止个人的react native学习6-列表视图 之后的内容
01-09
1. 数据准备：学习者需要明白如何从本地或远程获取数据，并将其存储在合适的数据结构中，比如数组或对象。 2. ListView 组件的使用：React Native 提供了 ListView 组件，它包含了一个名为 DataSource 的数据源对象...
React-Native-Starter-App:通过示例项目学习本地React
03-10
通过这个Starter App，你不仅可以学习React Native的基本语法和用法，还能了解到实际项目中的最佳实践，从而更好地准备自己进行更复杂的React Native应用开发。不断练习和实践，你将逐渐精通React Native，成为一个...
前端：Antv/g6 - 鼠标事件
Kant2048的博客
08-31 4005
鼠标事件 ：此类事件可以与前缀'','node','edge','item'等自由组合使用。 graph.on('onde:click', (ev)=>{}); graph.on('click', (ev)=>{}); // 鼠标左键点击事件 graph.on('dblclick', (ev)=>{}); // 鼠标左键双击事件 graph.on('mouseenter', (ev)=>{}); // 鼠标移入事件 graph.on('mouseleave', (ev)=
2025年前端技术栈深度解析
Kant2048的博客
04-04 2053
2025年前端技术栈深度解析
React学习之路 - 目录结构
Kant2048的博客
06-10 1853
node_modules — 存放项目依赖包public — 存放网站的静态资源文件src — 存放源代码，基于ES6规则的React代码gitignore — git的选择性上传的配置文件package.json — Webpack配置和项目包管理文件包含项目中依赖的第三方包（包的版本）和一些常用命令配置都在这个里边进行配置，当然脚手架已经为我们配置了一些了，目前位置，我们不需要改动。如果你对webpack了解，对这个一定也很熟悉。
前端动画巅峰之作：anime.js 终极指南与架构解密
Kant2048的博客
04-09 1713
anime.js 是一个轻量级（16KB）高性能 JavaScript 动画库
Vue：Vue 3.4 新特性
Kant2048的博客
01-02 1547
Vue 3.4 引入了自定义渲染器 API，允许开发者用自定义的方式渲染 Vue 组件，这为开发者提供了更高的灵活性和扩展性。Vue 3.4 是一个全面的更新，它在多个方面增强了 Vue 的能力，提高了开发效率和用户体验，是值得开发者关注和升级的版本。
Vue.js - lru-cache
Kant2048的博客
04-01 1271
高速缓存 安装 npminstalllru-cache--save 使用 var LRU = require("lru-cache") , options = { max: 500 , length: function (n, key) { return n * 2 + key.length } , dispose: function (key, n) { n.close() } , maxAge: 10...
JavaScript - forEach、for in、for of 三者对比
Kant2048的博客
05-18 1161
forEach forEach专门用来循环数组，可以直接取到元素，同时也可以取到index值 存在局限性，不能continue跳过或者break终止循环，没有返回值，不能return let arr = ['a', 'b', 'c', 'd'] arr.forEach(function (val, index, arr) { console.log('index:'+index+','+'val:'+val) // val是当前元素，index当前元素索引，arr数组 console
TypeScript - class修饰符
Kant2048的博客
03-30 1142
一、访问修饰符（访问控制修饰符） Java中，可以使用访问控制符来保护对类、变量、方法和构造方法的访问。Java 支持 4 种不同的访问权限。 default(即默认，什么也不写）: 在同一包内可见，不使用任何修饰符。使用对象：类、接口、变量、方法。 private: 在同一类内可见。使用对象：变量、方法。注意：不能修饰类（外部类） public: 对所有类可见。使用对象：类、接口、变量、方法 protected: 对同一包内的类和所有子类可见。使用对象...
Vue.js - 界面设计工具和UI组件库
Kant2048的博客
12-09 1130
View UI Plus是一款基于Vue.js 3的企业级中后台UI组件库，它主要提供了一套丰富的组件，用于帮助开发人员更高效地完成界面设计和开发工作。总的来说，View UI Plus和类似的产品都是强大的UI组件库，能够帮助开发人员提高设计效率，实现界面设计和开发的自动化。总的来说，ViewDesign和类似的产品都是强大的界面设计工具，能够帮助设计师和开发人员提高设计效率，实现界面设计和开发的自动化。这些产品也提供了可视化的界面设计功能，具有丰富的设计元素和组件，支持在线协作，可以满足各种设计需求。
ECMAScript 6 - 常用关键字
Kant2048的博客
11-22 1027
ECMAScript 6 入门 ES5 只有两种声明变量的方法：`var`命令和`function`命令。ES6 除了添加`let`和`const`命令，和另外两种声明变量的方法：`import`命令和`class`命令。所以，ES6 一共有 6 种声明变量的方法。 var var b = 1; JavaScript变量是用于存储数据值的容器。 function function ...
探索Three.js
最新发布
Kant2048的博客
05-08 872
Three.js 是一个基于 JavaScript 的开源 3D 库，它构建于 WebGL 之上，极大地简化了 WebGL 复杂的底层操作。
JavaScript - 字符串转成数字的三种方法
Kant2048的博客
08-19 747
1. 转换函数： js提供了parseInt()和parseFloat()两个转换函数 parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN parseInt("AF", 16); //returns 175 parseInt("10", 2); //returns 2 parseInt("10"
JavaScript - 截取字符串方法
Kant2048的博客
08-19 473
JS提供三个截取字符串的方法： slice() substring() substr() slice()和substring() var stmp = "rcinn.cn"; 使用一个参数 alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" 使用两个参数 alert(stmp.slice(1,5))//从第2个字符开始，到第5个
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Thomas Kant

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值