目标： 使用react + ant design构建出一个前端项目，并且可以自由的添加组件
所需前置知识： ES6，nodejs，webpack，jsx，react，typescript
1、nodejs安装，会npm install装包和npm start项目即可
2、webpack是做什么的，一个项目打包工具，可以把ES6语法转化为浏览器能识别的ES5语法
简洁教程：https://www.runoob.com/w3cnote/webpack–tutorial.html
详细教程：https://www.jiangruitao.com/webpack/rudiments/
3、JSX是使用React的一种语言，能够html和js混写，完全兼容js，文件名字后缀为.jsx
JSX：js和html相结合的一种新的“语言”，浏览器无法识别，需要经过编译成js代码才能运行
5、typescript是js的超集，完全兼容js，有更多的语法和特性
ES6是Javascript语言的标准，typescript是ES6的超集。
我们常说的React其实包括React和ReactDOM2个部分组成
https://developer.mozilla.org/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started
public：目录 public 包含了开发应用时浏览器会读取的文件，其中最重要的就是 index.html。React 将目录 src 中的代码嵌入这个文件，从而浏览器才能运行此文件。
index.js是程序入口，App.js是一个react模块
moz-todo–react
├── README.md
├── node_modules
├── package.json
├── package–lock.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
其本质就是提供了一些组件，我们可以直接从官网复制代码到本地，例如button，topbar。
原文地址:https://blog.csdn.net/qq_40733911/article/details/134737954
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_44592.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
