如何从原生JavaScript深入理解到React，实现代码迁移与性能优化？

本文共计2185个文字，预计阅读时间需要9分钟。

《React入门：从原生JavaScript和DOM开始》由Stphane Bgaudeau翻译原文，提供从基础到JSX的完整React学习路径，让初学者轻松入门。

目录

• 从头开始理解 React
• 原生 JavaScript 和 DOM
• React 的基础
• 咱老百姓也能学会的 JSX

从头开始理解 React

作者：Stéphane Bégaudeau

翻译原文www.sbegaudeau.com/2018/10/01/from-vanilla-javascript-to-react.html

React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 DOM 的关系。

原生 JavaScript 和 DOM

在 JavaScript 中，就像在大多数编程语言中一样，您将可以访问具有各种对象和函数的全局范围，您可以操纵这些对象和函数来构建您的应用程序。在 Web 环境中运行的 JavaScript 应用程序中，您将有权访问文档对象模型(DOM) API。如果您在基于节点的应用程序中使用 JavaScript，您将无法访问 DOM，但您可以导入替代实现，例如JSDOM。