React高级实战带你创造大众点评 WebApp
使用React开发项目时,您会惊讶于其组件设计、数据驱动视图开发模式、解放DOM操作。它颠覆了传统的超高效率,跟随讲师从零开始构建一个完美的React WebApp ,让你感受到React的魅力。
第1章 搭建 webpack + react 开发环境
前端开发早已进入工程时代 React 为了开发框架,必须使用工程,目前前端最强大的工程工具是 webpack。本章讲述了如何使用它 webpack 构建一个可以自动构建的编译 React 环境,以及使用 npm 作为依赖管理的工具。本节完成后,我们就可以写了 React 代码自动编译成浏览器可识别的代码,直接使用浏览器...
第2章 React 基础
针对不熟悉 React 基础学生,本章将向您介绍 React 基本使用,从最简单的显示 hello world 从使用组件制作页面开始,已经熟悉了 React 基础学生,本章后半部分讲述了我自己的故事 React 一些组件设计、代码结构的思路和经验,这些技能是实战发展的理论基础,不容忽视。...
第3章 React 性能优化方案
作为一名称职的工程师,考虑性能是必须的。React 这样一个大而复杂的框架,性能问题是可以想象的,但官方也提出了优化方案。本章将介绍如何检测性能问题以及如何优化 React 的性能。
第4章 React-router
使用 React 开发一个单页引用程序(即 SPA),SPA的页面跳转必须通过路由来实现,而且 React “御用”路由工具是 React-router,本章节介绍 React-router 的使用。
第5章 Redux 基础
当程序的复杂性增加时,程序中的数据管理就会变得非常复杂,这个时候 Redux 可以派上用场。本章介绍 Redux 基础,让你对 Redux 有一个初步的了解,因为以后的实战开发将被使用 Redux 来存储数据,这里要打好基础。
第6章 使用 fetch
使用 jQuery 开发页面是,但使用自己的页面 ajax 并使用功能获取和提交数据。 React 在框架的时候,没有必要为了 ajax 引用一个 jquery 我们在这里推荐使用。 fetch,最新的 ajax 互动模式,支持 Promise,绝对简单有力。
第7章 开发首页
在介绍了之前的基础知识之后,我们正式进入了实际开发阶段。本章开发了主页。首先分析页面,拆分组件,然后开发组件并拼接页面。从空白页面到开发最终效果的整个过程将向您详细展示。
第8章 开发城市页面
这一节讲述了城市页面的发展,它将学习如何在这个页面上 React 中初步使用 Redux 存储简单的数据。
第9章 开发搜索结果页面
本节讲述了搜索结果页面的开发,该页面将向您展示如何通过常见的搜索效果 React 开发,并能深刻认识到路由的使用规则,以及组件可重用的好处。
第10章 开发详情页
本节讲述了详细信息页面的开发。通过最后两门实践课程,学生们将学会更快、更有效地拆分组件,重用现有组件,最终组装成页面。
第11章 开发登录页面
本节讲述了登录页面的开发,将再次使用 Redux 存储数据,确定用户的登录状态,并在登录后处理跳转。
第12章 收集和购买功能
通过本节收集和购买的功能开发,您将体验到更复杂的功能 Redux 应用。
第13章 开发用户中心页面
本节讲述了用户中心页面的开发。这个页面是一个相对基本的页面,像以前一样拆分组件、重用组件和组装页面。此时,您应该能够快速有效地掌握课程的所有内容。
第14章 评价功能
通过本节的评价功能,您将学习 React 如何操作页面变化,即数据驱动视图的开发模式。此外,您还将学会使用它 fetch 在提交数据之前,它被使用 fetch 获取数据。
第15章 扩展-升级项目代码版本
升级项目代码版本,webpack2升级到webpack3。
[我要扒资料]
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。