Coursera 笔记

Module 01 · Introduction to React and Class ComponentsReact 与类组件简介

Expert Viewpoints: Using Front-end JavaScript Frameworks专家视角:使用前端 JavaScript 框架

Coursera ↗

在本视频中,我们将听到几位应用开发专业人士讨论如何使用前端 JavaScript 框架。🎤

你使用的是哪个前端 JavaScript 框架?为什么选择它?

React.js —— 我的最爱

我的最喜欢的前端 JavaScript 框架是 React.js。我非常喜欢在创建基于 React.js 的应用程序时需要遵循的 组件驱动设计 和架构。每个组件都可以独立开发,最后将这些组件组合起来,形成整个应用。

我也喜欢 props 和 states 的概念,用来保存应用的状态。这种设计使得状态管理变得更加简洁。🤩

相信与否,我还很喜欢将我的 样式、HTML 或 JSX 都放在同一个文件中,这样非常方便操作。每个组件可以单独工作,最后再将各个组件组合起来,搭建出完整的应用。🎨

React 的优势

特性 描述
速度与效率 React 比 Angular 更加高效。
学习曲线 React 更容易学习,团队成员更容易上手。
跨浏览器兼容 React 可以解决跨浏览器的问题,提升开发效率。
JSX 使用 JSX 可以在 JavaScript 代码中更方便地操作 UI,React 也能提供更有用的错误和警告信息。

Vue —— 也很不错

说到前端 JavaScript 框架,我个人偏向 Vue。它对我来说更加友好,文档也非常清晰易懂。📚

虽然 React 拥有一个庞大的社区,并且文档也很全面,但 Vue 给我的感觉更加轻松和直观。🌱

React 的一个额外优势是它有 React Native,如果你非常熟悉 React 的写法,可以轻松将代码转化为一个跨平台的移动应用,这点是非常棒的!📱


Vue vs React Native

如果你写的是 Vue 应用,可以通过 渐进式 Web 应用(Progressive Web App)来将其变成一个网页应用。但如果你想将它转化为原生应用,React Native 是这三种框架中最简单的选择。


Angular —— 不太适合我

相比之下,Angular 对我来说显得更加冗长。虽然我曾经参与过一些学生项目,但我并没有深入学习过它,幸运的是,我不需要再深入了解,只需要修改已有代码就好。🤷‍♂️


总结

  • React.js:组件驱动设计,易于学习和使用,跨平台支持(React Native)。
  • Vue:更友好,文档清晰,适合快速开发。
  • Angular:虽然功能强大,但不如 React 和 Vue 直观。