打造 Platzi 周边商城:实战 React Hooks 高级课程项目
欢迎加入 Platzi 周边商城项目,本项目将带你从零开始,使用 React Hooks 构建一个完整的电商平台。接下来我们将逐步实现:
第一步:搭建 React 基础环境
- 使用 npm 安装 react 和 react-dom:
npm i react react-dom
- 创建项目基件夹结构和文件:
- public/index.html
- src/index.js
- src/components/App/index.js
第二步:配置 Webpack 和 Babel
- 安装 Webpack 相关依赖,用于项目打包:
npm i -D webpack-cli webpack-dev-server
- 安装 HTML 插件和加载器,将 HTML 部署到 dist 目录:
npm i -D html-webpack-plugin html-loader
- 安装 Babel 相关依赖,将代码编译成所有浏览器都能运行的版本:
npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader
129.59KB
文件大小:
评论区