【源码】基于 React 框架的 React.js 学习实践项目

项目简介

本项目基于 create-react-app 3.2.0 构建，为开发者提供可运行的开发环境。开发者能通过一系列练习项目深入了解 JavaScript 与 ES6 语法，熟练掌握 React.js 开发。项目重点在于 React.js 应用，对 JavaScript 语言特性与新版语法涉及较少，同时提供丰富参考资料链接。

项目的主要特性和功能

1. 涵盖多个 React.js 练习项目，包括输入控制、父子组件沟通、路由设置、Redux 状态控制等，覆盖 React.js 开发关键方面。
2. 提供 Mock API 服务，便于开发期间进行数据模拟测试。
3. 采用模块化项目结构，合理划分静态文件、组件、常量、服务等，利于代码管理和维护。

安装使用步骤

前提准备

1. 了解 nvm 和 npm 的概念及使用方法。
2. 具备 HTML、CSS、JavaScript 网页开发基础知识。
3. 熟悉 JavaScript 与 ES6 语法。
4. 掌握 git 版本控管的原理与操作。
5. 了解 react 的 API 与生命周期。

环境准备

1. 安装 git。
2. 安装 nvm 管理 nodejs 版本，建议使用 10.16.0 以上版本的 nodejs。
3. 安装 Visual Studio Code 编辑器，并安装 ESLint 和 Path Autocomplete 扩展功能。
4. 在 Chrome 浏览器中安装 redux-devtools 用于调试。

项目安装

1. 将项目复制到本地。
2. 移除项目内的 .git 文件夹，在 bitbucket 新增一个私有 repository，并将代码签入。
3. 在命令提示字元/终端机中，将目录切换至项目文件夹。
4. 执行 npm install 命令安装 npm 包。

启动 Mock Api 服务

使用 tp-react-lab-mock-api 项目作为 mock api 提供者，执行 npm start 命令启动服务。启动成功后，不要关闭命令提示字元/终端机视窗，可通过访问 http://localhost:8888/ 查看服务页面。

项目执行（开发）

执行 npm run start 命令启动项目。启动成功后，不要关闭命令提示字元/终端机视窗，可通过访问 http://localhost:3310/ 查看项目页面。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】