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. 02 JavaScript数据类型、类型转换、注释

    JavaScript 数据类型 JavaScript 变量能够保存多种数据类型:数值.字符串值.数组.对象.undefined.null等等 var length = 7; // 数字 var las ...

  2. P1046 陶陶摘苹果

    题目描述 陶陶家的院子里有一棵苹果树,每到秋天树上就会结出1010个苹果.苹果成熟的时候,陶陶就会跑去摘苹果.陶陶有个3030厘米高的板凳,当她不能直接用手摘到苹果的时候,就会踩到板凳上再试试. 现在 ...

  3. 06-kubernetes service

    目录 Service ClusterIP 有头 Service 无头 Service Service 说明: Service 是作用于客户端可服务端(Pod)之间,作为一个固定的中间层 主要依赖于ku ...

  4. Nuget Server的搭建及实践之旅

    一. 背景 在做的一个项目使用的是Asp.Net MVC,由于缺少规范与约束,团队成员在使用类库各自为政,时常出现路径和版本不一致的问题.在一个同事建议下,开始尝试使用Nuget 管理项目或公司使用的 ...

  5. JS 输出指定范围内的随机数

    /* 自定义函数 */ function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return( ...

  6. 关于c++函数里面return的用法,关于调用的讲解

    与下面的图片对比一下 可以看见在int b = test();d的时候cout<<"hello";就被调用了: cout<<b;只是返回return a的值 ...

  7. python推导式pythonic必备

    编程规范 今天公司新出了一套Python编程规范2.0,一直觉得自己写代码路子有点野,所以仔细的看了下. 多数的内容在网上都能搜到,但有几点需要说说 让我觉得羞愧的注释率 公司要求代码注释行,占代码总 ...

  8. segment树(线段树)

    线段树(segment tree)是一种Binary Search Tree或者叫做ordered binary tree.对于线段树中的每一个非叶子节点[a,b],它的左子树表示的区间为[a,(a+ ...

  9. VIM操作记录

    =============================================== 2019/12/12_第1次修改 vr7jj ============================= ...

  10. 【强化学习】DQN 算法改进

    DQN 算法改进 (一)Dueling DQN Dueling DQN 是一种基于 DQN 的改进算法.主要突破点:利用模型结构将值函数表示成更加细致的形式,这使得模型能够拥有更好的表现.下面给出公式 ...