React 是如何将 JSX 转换成 React.createElement 函数的执行的，只要配置了 Bable 就可以自动 转换 JSX 吗？Bable 需要怎么配置才能做到这个转换呢？还是说我们不需要关注它的转换过程？
我们原始版本的项目是通过react脚手架创建的，利用了react自动处理了很多环境配置的工作。在项目中的package.json会发现下面的指令。
1 | "build": "react-scripts build" |
这里react-scripts实际上是一个脚手架，其在内部做了不少关于打包构建的工作，比如webpack、babel等基础配置，所以大家没有感知到babel的配置过程。
在我们这门课程中可以暂时不去关心babel的转化过程，因为react源码本身就没涉及这个转化过程，而且babel本身内部是一个复杂的体系，甚至需要一门单独的课程来深入其原理。其运行原理可以概括为Parsing（解析）、Transforming（转化）和Generating（生成）三个步骤。具体参见babel官方文档https://babeljs.io/以及babel的源码。作为一名前端工程师，需要掌握的内容很多，react只是其中的一个重要组成部分。根据大家的反馈，如有必要我可以出一门介绍webpack、vite、rollup、babel相关内容的课程。
