今年以来前端团队推荐使用 hooks，恰逢新开发一个产品，使用了 hooks 体验了一番。
首先要说的 hooks 仅限用于函数组件，那么下面就说说使用频繁的几个。

一、useState

useState 的出现解决了函数组件的 state 使用问题。

创建你的项目

先全局安装好 create-react-app

1

npx create-react-app my-app

什么是g6？

G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。

重要的API

首先，对首先升级webpack相关的依赖就（shui）不（zi）说（shu）啦？
主要是介绍下几个重要的大变化。

一、 mode

mode用来区分开发环境还是打包环境，此配置影响到后面的许多配置的默认配置。

跑丢了😳

webpack核心

1. 入口：指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。

前言

react16以后的版本相较于之前的版本，整体进行了重构，引入了Fiber架构这种设计，将一个任务分成多个小任务，且可根据优先级调度任务的执行与中止与否，从而提升了渲染速度和性能。

前言

react16以后的版本相较于之前的版本，整体进行了重构，引入了Fiber架构这种设计，将一个任务分成多个小任务，且可根据优先级调度任务的执行与中止与否，从而提升了渲染速度和性能。

WebGL (Web图形库) 是一种JavaScriptAPI，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 canvas 元素中使用。

WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

跑丢了😳