React入门学习全记录(适合和我一样有Vue经验想学习react的同学~)-Toy模板网

这篇具有很好参考价值的文章主要介绍了React入门学习全记录(适合和我一样有Vue经验想学习react的同学~)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前端目前的三大框架：Vue、React、Angular比较

都采用了组件化开发的方式，都是基于MVVM的框架有着虚拟DOM，
Vue 和 Angular 都采用了响应式设计的方式，当数据发生变化时会自动更新视图。
React 和 Angular 的复杂性也使得它们更加适合于大型和复杂的项目

Vue是一款轻量级、渐进式、灵活且易于学习的框架，适合快速构建单页面应用。

React是由Facebook开发，具有很强的扩展性。提供了一套完整的开发工具和生态系统。

Angular是由Google开发，对java和c的使用者而言，angular的静态检查、依赖注入的特性，以及面向对象的编程风格，使得angular都要更亲切一些。

React自身

官方简中文档地址
相对于Vue而言，react因为更复杂的JSX语法和社区文档，React项目代码结构相较vue不是太清晰和直观等原因，学习成本比VUE高。但也是前端必会的技术栈。
同时，React真正的在拼开发者的JS功底，如果一个开发者对于JS不精通或者熟练，也会在学习Reat时感觉比Vue难。
在学习React之前，至少要先掌握以下内容：

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

JSX 语法：React 使用 JSX 语法来描述组件的结构和行为，它是一种将 HTML 和 JavaScript 结合起来的语法，使得开发者可以在 JavaScript 中直接编写 HTML 结构和组件逻辑，降低了学习成本和开发难度。
社区支持：React 拥有一个庞大的社区，提供了大量的插件、库和工具，可以帮助开发者快速构建高质量的 Web 应用程序。
函数式编程：React 在设计时也注重函数式编程的思想，这种编程方式更加简洁、可维护和可测试，也更容易实现代码的复用和组合
特点：虚拟DOM、组件化、非双向绑定、React Native移动开发(ins facebook)、JSX
相对应的Vue特点：虚拟DOM、组件化、双向绑定、单向数据流

React技术栈 React全家桶

React基础
React-Router 全局组件路由对应vue-router
PubSub 消息管理实现兄弟组件传值对应props/$emit/ref
Redux 集中式状态管理对应VueX 都是从Flux中衍生出来
Ant-Design UI库对应element-UI

React安装

脚手架其实就是提高我们生产和开发效率的工具。
在我们的React中默认使用yarn,yarn是由facebook推出的一款新的is包管理工具,当然了我们也可以使用npm。
npm install -g yarn
yarn -v查看版本以及是否安装成功
yarn init y与npm init y一致，初始化一个pack.json文件
yarn add -D create-react-app使用本地安装
npx create-react-app [项目名]使用脚手架创建react项目
React入门学习全记录(适合和我一样有Vue经验想学习react的同学~),react.js,学习,前端
npx create-react-app --version查看脚手架版本