1.脚手架使用(包含多个插件)单页面：只有index.js一个入口mainfest.json可以帮助离线缓存package.json是包含插件和依赖的脚本，scripts第一个是运行方法如果项目本身满足不了我们的需求，要修改webpack.config.js里的配置react是热加载，修改部分代码不用重启打开即可更新。项目更改完会自动重新打包。Eslint检验 .js 文件是否符合编码规范npm install -g create-react-app （-g是全局安装，install简写是i
原创
2021-09-01 18:39:42
128阅读
React进阶定时器、网络请求、事件监听,在组件被销毁前都应该得到相应的处理App.jsimport React from 'react';
import Demo1 from './components/Demo1/parent';
import Home from './components/Home';
import { HashRouter, Route, Switch } from 'r
转载
2021-03-02 10:56:46
163阅读
2评论
本博客pdf链接: https://pan.baidu.com/s/1E_E4RqZUPgQiby1T7Afj8Q 提取码: h77dReact进阶之路系列学习笔记：React进阶之路系列学习笔记github源码：React_learning2.1 JSX2.1.1JSX简介 JSX是一种用于描述UI的JavaScript扩展语法，React使用这种语法描述组件的UI。...
原创
2021-07-14 15:39:16
548阅读
1、useRef hook
原创
2022-09-13 12:18:04
199阅读
一、安装：npminstallreduxreact-redux二、入口文件：index.jsx：引入：创建reducer：创建容器：将容器绑定到属性：完整代码：varReact=require('react')varReactDom=require('react-dom')varCreateClass=require('create-react-class')varcreateStore=requ
原创
2018-05-06 08:22:20
1152阅读
点赞
问题一、在ES6中，经常看到constructor(props)和super(props)一起出现，那么为什么是这样？释疑： 在ES6中，调用super(props)原因是：只有在constructor中调用了super才能使用this；另外说明constructor(props)的参数props的传递与ES5的继承（通过传参）有关 super(props)的目的是为了能够使用super...
原创
2021-07-14 15:39:15
134阅读
前言本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你A higher-order component is a function that takes a component and returns a new ...
转载
2022-03-29 14:27:11
134阅读
this.setState([partialState],[callback])
[partialState]:支持部分状态更改
this.setState({
x:100 //不论总共有多少状态，我们只修改了x，其余的状态不动
});
[callback]:在状态更改/视图更新完毕后触发执行「也可以说只要执行了setStat
原创
精选
2023-06-23 09:25:27
233阅读
react 入门与进阶教程 前端学习对于我们来说越来越不友好，特别是随着这几年的发展，入门门槛越来越高，连进阶道路都变成了一场马拉松。在学习过程中，我们面临很多选择，vue与react便是一个两难的选择。 两者都是非常优秀的框架，而且我不能非常主观的说谁好谁不好。但是从我们初学者的角度来说，其实我们
转载
2017-12-04 11:23:00
189阅读
前言本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你还不了解react，建议从文档开始看起。我们都知道高阶函数是什么, 高阶组件其实是差不多的用法，只不过传入的参数变成了react组件，并返回一个新的组件.A higher-order component is a function that takes a component and returns a new ...
转载
2021-06-30 16:19:39
117阅读
React已经火到不行了，相信大家伙儿或多或少的看过或者自己动手实践过一些demo，所以关于一些基础的概念我这里就不再赘述，大家可以在km或者google上搜索“React入门”。网上的大多数demo都是静态渲染的例子，只是玩具，并不能很好的体现实际开发过程。兴趣部落PC版在生产环境采用了React，这里给大家分享一下PC部落实战过程中，个人觉得比较重要的一些点。本文分三个部分。React生命周期
原创
2021-01-09 22:18:13
313阅读
调用React.createElement形成新的element过程，新的element上就会有新的props属性（即重新渲染视图的关键）。
原创
2023-10-04 05:06:40
173阅读
本博客pdf链接: https://pan.baidu.com/s/1QFyYm_hJhZE4EWgq6yvpAg 提取码: 5mgxReact进阶之路系列学习笔记：React进阶之路系列学习笔记github源码：React_learning11.0 MoBX知识结构与核心概念1.MobX知识结构2.MobX数据流管理状态 3.MobX核心API1、obse...
原创
2021-07-14 15:39:11
1952阅读
本篇文章会列举 react 的所有常见面试问题. 并附上详细解答.如果你想更深入的了解底层原理, 可到文末的建议阅读中查找.问题列表高阶组件(HOC) , render props 以及 hook 的对比和用处.虚拟 DOM 是什么?react diff 原理, 如何从 O(n^3) 变成 O(n)为什么要使用 key , 有什么好处?jsx 的原理自定义的 React 组件为何必须大写setSt
原创
2022-04-22 15:06:55
91阅读
本篇文章列举 react 的所有常见面试问题. 并附上详细解答. 8个灵魂之问, 你可以接住几个?
原创
2022-04-24 14:27:10
54阅读
我的博客：枫之羽React进阶之路系列学习笔记：React进阶之路系列学习笔记github源码：React_learning React进阶之路——问题释疑React进阶之路——React基础React进阶之路——MobX项目实战...
原创
2021-07-14 15:37:22
170阅读
React 全面深入解析：从基础到高级实战指南一、React 的基础知识1. 什么是 React？React 是由 Facebook 开发并开源的一个用于构建用户界面的 JavaScript 库。自 2013 年发布以来，React 已经发展成为前端开发领域最受欢迎的技术之一。与传统的前端开发框架（如 Angular、Vue）不同，React 的核心思想是组件化开发。React 的核心特点：声明式
一 前言 React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，接下来我将按
原创
2022-07-13 09:44:46
221阅读
