estrusKing的博客

文章目录Mobx状态管理安装安装MobxReact绑定Mobx简单一步安装API介绍@observable：@action：@action.boundaction异步操作@observer：autorun：监事数据发生改变：computed：autorun：when：reaction：configure(Mobx严格模式)：runInAction使用Mobx创建出来仓库的方法和值装饰器什么是装饰器装饰器 属性(装饰类)装饰器 方法(装饰类)装饰器 属性/方法(装饰类中的属性/方法)Mobx状

文章目录创建项目Webpack安装依赖配置文件创建项目目录creat-react-appjsx组件化函数组件类组件组件属性生态React-RouterReduxNext.js扩展组件库前端框架TypeScript创建项目Webpack安装依赖npm iwebpack webpack-cli -Dnpm i react react-dom-S安装babel-loader、css-loader等等安装插件配置文件package.jsonwebpack.config.js 入口entr.

文章目录一、React二、JSX三、React脚手架四、React 组件五、React事件处理六、State状态七、props进阶八、表单处理九、生命周期十、组件传值十一、网络请求十二、高阶组件(HOC)十三、css-in-js十四、状态管理(redux)十五、react-redux十六、redux中间件十七、Redux模块化十八、路由十九、过渡动画组件二十、immutable.js二十一、项目一、 **菜谱大全二、首页开发三、分类开发四、hook一、React网址：https://reactjs.o

1、TypeScript 简介1.1、什么是 TypeScriptTypeScript 不是一门全新的语言，TypeScript 是 JavaScript 的超集，它对 JavaScript 进行了一些规范和补充。所以，学习 TypeScript 需要有 JavaScript 的基础。TypeScript 的特性：TypeScript 是 JavaScript 的超集，它可以编译成纯 JavaScript。TypeScript 基于 ECMAScript 标准进行拓展，支持 ECMAScrip

文章目录React-HooksuseStateuseState 续useReducer如何代替 ReduxuseContextuseEffectuseLayoutEffectuseMemouseMemouseCallbackforwardRef自定义 HookReact-HooksuseState使用状态const [n, setN] = React.useState(0)const [user, setUser] = React.useState({name: 'Jack', age: 1

第一个HTML代码：<div class="element"> 内容</div>CSS代码：.element{ overflow-y: scroll; overflow-x: hidden;}/* 修改滚动条样式 */.element::-webkit-scrollbar { width: 3px;}.element::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shado

这里写自定义目录标题1、什么是Redux2、配置Redux3、TodoList案例4、Redux-thunk中间件5、Redux中间件执行原理6、react-redux7、数据持久化7.1、基本用法7.2、整合react-redux1、什么是ReduxRedux 是React生态中重要的组成部分。很多人都说，简单的应用可以不用此工具。但是我个人认为，中小型应用使用的话，可以使文件结构更加规范，代码可读性更强。因为React提出将展示组件与容器组件分离的思想，所以降低了React 与Redux之间的耦合度

组件最外层标签不渲染，可以用React.Fragment替换divimport React from 'react';import ReactDOM from 'react-dom';import {BrowserRouter} from 'react-router-dom'ReactDom.render( <React.Fragment> hello </React.Fragment>,document.getElementById('root'))或者使

1、案例说明使用 react + redux + react-redux 实现 TodoLit案例。2、实现步骤2.1、安装依赖cnpm i redux react-redux --save2.2、封装底层代码项目目录结构- src - store 管理状态的目录 - index.js 用于生成 store 对象 - reducer.js 用于生成 reducer 函数 - state.js 用于生成初始化 state 对象 - map.js 用于创建 store

首先在Visual Studio Code中搜索ES7下载插件安装完毕就可以直接使用了生成无状态组件 rfc生成类组件 rcc打印 clg导入 imp导入React imrthis.setState sst导入React,useState,useEffect imrse生命周期方法 cdm类组件定义方法 met生成匿名函数 anfn函数组件定义方法 nfn解构对象 dob解构数组 dar间歇调用 sti超时调用 sto从this.state中解构 cs从this.pr

文章目录React基础1、React1.1、使用React脚手架安装1.2、脚手架代码精简2、React基础语法2.1、 `JSX` 语法基础2.2、React组件3、React核心属性3.1.1、`props`属性3.1.2、`state` 属性3.1.3、`props`和`state`属性的区别3.1.4、`refs` 属性4、组件的生命周期4.1、组件生命周期的三个阶段4.2、旧的生命周期Mounting（加载阶段：涉及6个钩子函数）Updating（更新阶段：涉及5个钩子函数)Unmounting（

文章目录ECMAScript61、ES6简介1.1、什么是ES61.2、ECMAScript和JavaScript的关系1.3、为什么要学习ES6？2、ES6环境搭建2.1、前期准备2.2、ES6环境搭建3、let与const3.1、let命令3.2、const命令4、ES6解构赋值4.1、解构赋值概述4.2、解构模型4.3、数组的解构赋值4.4、对象的解构赋值4.5、解构赋值注意事项4.6、解构赋值的用途5、字符串、函数、数组、对象的扩展5.1、模板字符串5.2、字符串扩展方法5.3、函数的扩展5.4、数

Webpack搭建React开发环境1、React环境搭建实现React开发的三种方式：（1）使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- 生产环境中