打造 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
zip 文件大小:129.59KB