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语法和社区文档等原因,学习成本比VUE高。但也是前端必会的技术栈。

  1. JSX 语法:React 使用 JSX 语法来描述组件的结构和行为,它是一种将 HTML 和 JavaScript 结合起来的语法,使得开发者可以在 JavaScript 中直接编写 HTML 结构和组件逻辑,降低了学习成本和开发难度。
  2. 社区支持:React 拥有一个庞大的社区,提供了大量的插件、库和工具,可以帮助开发者快速构建高质量的 Web 应用程序。
  3. 函数式编程:React 在设计时也注重函数式编程的思想,这种编程方式更加简洁、可维护和可测试,也更容易实现代码的复用和组合。

React技术栈 React全家桶

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

待续。。。。

猜你喜欢

转载自blog.csdn.net/Beatingworldline/article/details/131921040