Rithm Bootcamp鸣鸟前端教程：搭建React应用与redux逻辑

资源摘要信息:"《鸣鸟前端》是Rithm Bootcamp的一个前端开发课程项目，课程内容涵盖了创建React应用、设置git仓库、以及使用JavaScript相关技术栈（如Redux, React-Router, Axios等）进行Web开发的过程。该项目分为多个部分，其中第1部分主要介绍入门基础，包括服务器和客户端的搭建、npm安装、以及React应用的创建和启动等步骤。" 知识点详细说明： 1. React应用创建与配置 - 使用`create-react-app`命令快速搭建一个React项目。 - 理解`create-react-app`的作用和功能，它是一个官方支持的脚手架工具，用于快速搭建React单页应用程序。 - 学习`rm -rf`命令的作用，即删除文件夹及其内容，这里用于清除已经存在的项目结构。 2. npm与包管理 - 掌握`npm install`命令，用于安装Node.js项目中指定的依赖包。 - 理解`nodemon`工具，它用于开发期间实时重启Node.js应用，提高开发效率。 - 学习如何在React项目中通过npm添加各类库，例如`axios`用于HTTP请求，`jwt-decode`用于解码JWT令牌，`moment`和`react-moment`用于日期时间处理等。 3. Redux相关概念和实践 - 了解Redux的用途，它是JavaScript应用中用于状态管理的库，允许应用中所有的组件都能读取共享的状态，而这个状态是由一个称为store的单一对象表示的。 - 理解`redux-thunk`中间件的原理，它是用于处理Redux中异步action的中间件。 - 学习如何在项目中的`src`文件夹下创建专门的文件夹来组织代码，例如`components`存放组件，`containers`存放容器，`services`存放服务模块，`store`存放Redux的store配置等。 4. Git版本控制 - 学习如何设置Git仓库，这是版本控制系统的基础，用于跟踪、记录代码变更历史。 - 理解如何使用Git进行版本控制，这在开发项目中至关重要，可以方便团队协作和代码的维护。 5. Web开发实践 - 学习如何使用`react-router-dom`进行React应用的路由配置，它是React官方提供的路由库。 - 了解`react-redux`库，它是连接React和Redux的桥梁，让React组件能够读取Redux store中的数据，以及派发action。 - 掌握React组件的创建方法，理解组件的生命周期以及如何通过props和state来管理组件内部的状态。 6. Rithm Bootcamp项目介绍 - 了解Rithm Bootcamp是一个专业的编程教育机构，提供高质量的编程训练和项目实战经验。 - 认识到《鸣鸟前端》项目是Rithm Bootcamp课程的一部分，专注于Web开发技术的实战训练。 7. JavaScript开发环境 - 理解Node.js的作用，它是JavaScript的运行时环境，允许JavaScript在浏览器之外的环境中运行。 - 学习如何使用Node.js内置的`index.js`文件来启动一个服务器，以及如何通过npm的脚本（如`npm start`）启动React开发服务器。 8. 综合性项目经验 - 通过《鸣鸟前端》项目学习如何将前端开发的不同技术整合到一个完整的应用中，包括前端界面设计、数据请求、状态管理、路由配置等。 通过以上知识点的学习和实践，参与者将能够掌握前端开发的核心技术和项目开发流程，为将来从事Web开发工作打下坚实的基础。