small streamed bun

React中组件有生命周期，也就是说也有很多钩子函数供我们使用，组件的生命周期，我们会分为四个阶段，初始化阶段、运行中、销毁、错误处理（16.3之后）初始化在组件初始化阶段会执行constructor2. static getDerivedStateFromProps()3. componentWillMount() / UNSAFE_compo...

webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等按照webpack的指南...

传统MVC的缺陷传统MVC没有解决 M 和 V 之间的交互关系为了弥补这个缺陷，人们相处了 Flux Redux Mobx 这样三种架构思维 ， 那么React只是这三种架构的一个组成部分，那么这个组成部分充当的是 View( 视图 )Flux Redux Mobx 和 MVC 是一个级别的，相比之下， vuex级别要小的多 ，但是他们解决的都是多组件状态共享问题...

React Hooks 是 React 16.7.0-alpha 版本推出的新特性, 有了React Hooks，在 react 函数组件中，也可以使用类组件（classes components）的 state 和 组件生命周期。useState Hooks import React,{ useState } from 'react' const Hooks = () => {...

我们使用的是4.+版本，使用的是react-router-domreact-router是3.x的版本路由的模式有两种老浏览器提供的 hash模式， 我们称之为： HashRouterH5提供的的 hsitory 模式，我们称之为 BrowserRouter注意： H5模式的路由需要后端支持使用路由书写路由展示区域， 使用 Route重定向第一种...

组成部分store 数据的管理者view react的组件来充当actionsCreators 动作的创建者， 用来发送一个 action ❥(^_-)reducer 动作的触发者， 用来修改数据的 ，reducer是一个纯函数，它里面有一个返回值， 返回值是什么， 那么newState就是什么redux的基础使用流程得有一个工具 red...

组件数据挂载方式react中将数据细分为两个类型props 属性 举例： 一出生就具备特性state 状态 举例： 可以改变的特性、属性props外部传入父组件通过 属性的形式 将 数据可以绑定在子组件身上 ， 子组件通过 this.props 获得外部传入的props只能通过外部修改 （ ...

什么是高阶组件？高阶组件就是一个函数， 这个函数接收一个参数， 这个参数是一个组件格式 const Hoc = ( Comp ) => { return class 类名称 extends React.Component { render () { return <Comp></Comp> } } } ...

我们使用的是4.+版本，使用的是react-router-domreact-router是3.x的版本路由的模式有两种老浏览器提供的 hash模式， 我们称之为： HashRouterH5提供的的 hsitory 模式，我们称之为 BrowserRouter注意： H5模式的路由需要后端支持使用路由书写路由展示区域， 使用 Route重定向第一种...

什么是高阶组件？高阶组件就是一个函数， 这个函数接收一个参数， 这个参数是一个组件格式 const Hoc = ( Comp ) => { return class 类名称 extends React.Component { render () { return <Comp></Comp> } } } ...

父子通信父组件将一个数据传递给子组件，但是这个数据只有父组件有权利更改，子组件不可以代码： import React,{ Component,Fragment } from 'react' class Father extends Component { constructor () { super() this.state ...

引入swiper$ yarn add swiper在对应的组件中引入引入css样式引入html结构实例化案例代码：import React, { Component,Fragment } from 'react';import Swiper from 'swiper'import 'swiper/dist/css/swiper.css'import...

关于ReactReact部分的内容包含了所有授课的思路React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript libra...

安装安装 : npm命令行工具安全审计：npm auditLint格式检查: eslint/stylelint格式化: prettier测试测试套装: jest / mocha / ava / kamar代码覆盖量: nyc / codecov / coveralls构建转换器: babel / TS / flow预处理器: sass / less / ...

React – 事件绑定事件采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。写法一共四种，我们推荐有两种箭头函数 class App extends React.component{ change = () => {...