React劲爆新特性Hooks 重构去哪儿网火车票PWA

获取课程资料链接:点击这里获取

本课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构去哪儿网火车票系统,并使用PWA实现堪比原生APP体验的应用。

第1章 课程简介
在这里,你可以知道为什么要学习这门课程,会学习到哪些内容,等等... ...你会了解到学习本课程所需要的先决条件

1-1 关于这门课程,你想了解的都在这里 试看
1-2 看了这一节,对学习更有帮助 试看
第2章 [操作篇]项目搭建
万事万物,都要从项目搭建开始。这一章,你一定要跟着老师一步一步地操作!不然,你可能连门都进不去 ... ...

2-1 创建项目:使用react-create-app构建工具
2-2 编译脚本:react-scripts的作用与工作原理
2-3 解构编译脚本:eject的具体用法
第3章 [新特性]React新特性一览
这一章你可以学到React最近一年来最新最高频使用的新特性,让你紧跟React发展的前沿。

3-1 Context实现跨层级的组件数据传递
3-2 静态属性ContextType访问跨层级组件的数据
3-3 Lazy与Suspense实现延迟加载
3-4 Memo实现指定组件进行渲染
第4章 [新特性]React颠覆性新特性Hooks
这一章主要围绕Hooks这一颠覆性新特性进行学习,从概念入手、细数Hooks的核心内容,最后还会列举常见问题。

4-1 React Hooks的概念与意义 试看
4-2 使用State Hooks
4-3 使用Effect Hooks
4-4 使用Context Hooks
4-5 使用Memo&Callback Hooks
4-6 使用Ref Hooks
4-7 自定义Hooks
4-8 Hooks的使用法则
4-9 Hooks的常见问题
第5章 [新特性]React新特性之Redux
这一章主要是以Redux为核心讲解,讲解了Redux的概念和意义,没有Redux的情况,以及Redux的常用API。

5-1 React Redux的概念与意义
5-2 没有Redux的世界
5-3 Dispatch与Action
5-4 使用Reducer拆解数据更新
5-5 异步Action
第6章 [新特性]渐进式Web App
Progress Web Application(渐进式Web应用)是谷歌推出的前沿技术,可以把它理解为国外版的小程序。这一章,学习有关渐进式Web应用的核心以及在项目中的应用。

6-1 PWA简介
6-2 服务工作线程:Service Worker
6-3 “承诺”控制流:Promise
6-4 更优雅的请求:fetch
6-5 资源的缓存系统:Cache API
6-6 消息推送:Notification API
6-7 如何在项目中开启PWA

获取课程资料链接:点击这里获取

React劲爆新特性Hooks 重构去哪儿网火车票PWA的更多相关文章

  1. [译文]React v16(新特性)

    [译文]React v16(新特性) 查看原文内容 我们很高兴的宣布React v16.0发布了! 这个版本有很多长期被使用者期待的功能,包括: fragments (返回片段类型) error bo ...

  2. React 16.x 新特性思维导图

    React 16版本相对于以前的版本做了很大的改动,下面是我整理的React 16.x 新特性的思维导图文件,欢迎围观和指导:

  3. java9新特性-2-安装与官网说明

    1.jdk 9的下载 http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html         下载安 ...

  4. React的新特性 ---- Hooks ---- 的基本使用

    一.react-hooks概念 React中一切皆为组件,React中组件分为类组件和函数组件,在React中如果需要记录一个组件的状态的时候,那么这个组件必须是类组件.那么能否让函数组件拥有类组件的 ...

  5. 关于为什么使用React新特性Hook的一些实践与浅见

    前言 关于Hook的定义官方文档是这么说的: Hook 是 React 16.8 的新增特性.它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性. 简单来说,就是在 ...

  6. CSS3 值得称赞新特性

    Html5和CSS3相信大家现在都已不陌生了吧,但CSS3哪些新特性值得我们去称赞呢? 首先还是让大家来看几张效果图,相信大家看到这些效果图,肯定会说这些效果只用CSS是如何实现的呢? 1.3D正方形 ...

  7. python三大神器之fabric(2.0新特性)

    fabric经常出现在自动化运维领域,批量处理一些运维工作.fabric是在paramiko之上又封装了一层,操作起来更加简单易用. 本来只是想写个博客记录一下,然后发现之前写的代码不能运行了,报以下 ...

  8. 30分钟精通React今年最劲爆的新特性——React Hooks

    你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗? --拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function. 你还在为搞不清使用哪个生命周 ...

  9. react新特性 react hooks

    本文介绍的是react新特性react hooks,本文面向的是有一定react开发经验的小伙伴,如果你对react还不是很熟悉的话我建议你先学习react并多多联系. 首先我们都知道react有3种 ...

随机推荐

  1. 【Android - 进阶】之Animator属性动画

    1.概述 在3.0系统之前,Android给我们提供了逐帧动画Frame Animation和补间动画Tween Animation两种动画: 逐帧动画的原理很简单,就是将一个完整的动画拆分成一张张单 ...

  2. ASP.NET Core 2 preview 1中Program.cs,Startup.cs和CreateDefaultBuilder的探索

    Exploring Program.cs, Startup.cs and CreateDefaultBuilder in ASP.NET Core 2 preview 1 ASP.NET Core 2 ...

  3. PHP开发中session无法获取和保存问题解决方法

    今天在程序设计中无法在session中获得内容,使用编辑器打开php.ini配置文件,在其中搜索"session.save_path", 把行中前面注释用的";" ...

  4. js消除小游戏(极简版)

    js小游戏极简版 (1) 基础布局 <div class = "box"> <p></p> <div class="div&qu ...

  5. ELK的简单搭建

    Environment  (都需要Java环境,jdk){ elasticsearch kibana 安装nginx用以测试 logstash } 1.首先拉取软件包,给予Java语言开发首选配置Ja ...

  6. Android 中的Activity、Window、View之间的关系

    一.概述   Activity 可以说是应用程序的载体(也可以理解为界面的载体,但是不界面),用户能够在上面绘制界面(Activity本身不绘制界面),并提供用户处理事件的API,维护应用程序的生命周 ...

  7. matplotlib画图总结--常用功能

    0.内容范围 多曲线图.图例.坐标轴.注释文字等. 1.曲线图 多曲线图.图例.网格.坐标轴名称.图标名.坐标轴范围等. from matplotlib import pyplot as plt im ...

  8. 数据库Oracle的安装与卸载

    Oracle的安装步骤: 口令管理里面有scott,需要重新设置其口令,scott是测试表,里面有现成的表可以用来做实验. Oracle  自带客户端工具 SQLPlus sys 用户登录命令: sy ...

  9. Exponial

    Description Everybody loves big numbers (if you do not, you might want to stop reading at this point ...

  10. 分布式监控数据采集系统Ganglia实战

    一.什么是Ganglia 对于这个工具,大家可能比较陌生,但是它功能非常强大,如果我们想收集所有服务器.网络设备的数据,那么ganglia绝对是首选,在深入学习之前,还是先从基础概念了解起吧! Gan ...