React全家桶+共享单车实战开发—— 1-1 导学

 导学

一、课程概述

     本次课程包括三个方面：React全家桶、AntD UI组件 、公共机制封装

     毫无疑问，React是非常火的MVC框架，不管是做后台管理系统也好，还H5页面也好，都是非常适合用react交互的。

1.     React全家桶：

• React基础知识、生命周期
• Router 4.0 语法讲解        3.0 和4.0 是主版本，功能和语法差异区别大
• Redux集成开发       主要是状态管理，多页面之间数据存储

      2.    AntD UI组件

     UI组件是整个项目系统必不可少的部分，不管是后台系统也好还是H5也好都会用UI组件，只有掌握好UI组件，项目才能快速开发，提高项目效率。

•  最实用基础组件    Form 、input、 button、时间控件，下拉，树形结构，及使用性的model框，模态框，message框、
• AntD栅格系统    主要是做项目的响应式布局
• ETable组件封装   它可以划分到我们的公共机制里面去，但是它是基于table组件的二次封装。主要是为了让我们整个系统的table表格保持统一的风格。
• BaseForm组件封装   
• 表格内嵌单选、复选封装   

     3.  公共机制封装

    项目的公共机制非常能够提现一个项目是否健全，以及一个开发者能力水平。公共机制封装好后，不仅能够提升项目的稳定性，同时能够提高团队版本的跌代效率和速度。

• Axios请求插件封装   会进行错误处理、错误拦截。本身就有拦截器，再次封装后会进一步提升效率
• API封装  对整个项目服务端请求的url做统一的管理，比如后期进行url替换的时候，我们可以通过一个文件进行快速替换
• 错误拦截   
• 权限、菜单封装 
• 日期、金额、手机号封装
• loading、分页、Mock.....

二、项目特色

前沿的技术栈      健全的架构     丰富UI组件    共享单车项目

三、项目整体架构

第一层：项目的核心框架库

第二层：项目的中间件，插件

第三层：公共机制的封装

四、课程安排

• 第一章 介绍React基础知识
• 第二章 主页面架构设计
• 第三章 Router4.0路由实战演练
• 第四-六章 常用UI组件
• 第七、八章 单车业务基本功能开发
• 第九章 项目工程化开发
• 第十--十三章 单车业务核心模块开发
• 第十四章 Redux 集成

五、前置知识

• H5、C3、JS         
• React        
• ES6

六、课程收获

• 掌握React全家桶技能
• 掌握地图和React集成技能
• 掌握前端图表开发技巧
• 掌握基于React的UI框架-AntD
• 前端后台架构设计、公共机制封装、后台管理系统开发经验

    项目演示： http://imoocms.51purse.com/#/home

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！