day-05HooksHooks：钩子、钩住，是[email protected]提供的新功能。Hooks作用：能为函数式组件提供状态和生命周期，Hooks只能在函数组件中使用Hooks（提供状态和生命周期）+函数组件（展示内容）Hooks解决了什么问题组件的状态逻辑复用问题a，在Hooks之前，组件的状态逻辑复用经历了：mixin

什么是高阶组件importReactfrom"react";functionHome(){return(<div>Home</div>)}functionenhanceComponent(WrappedComponent){classAdvComponentextendsReact.PureComponent{render(){return(<div

react源码解析8.render阶段视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新

【react】定位：React是一个用于构建用户界面的JavaScript库。特点：它采用声明范式来描述应用，建立虚拟dom，支持JSX语法，通过react构建组件，能够很好的去复用代码；缺点：react抽离了dom，使我们构建页面变得简单，但是对于一个大型复杂应用来说，只有dom层的便捷是不够的，如何组织、管

一、JSX基本使用1.1createElement()问题1、繁琐不简洁2、不直观、无法一眼看出结构3、不优雅，用户体验感不爽1.2JSX简介JSX:JavsScriptXML优势：声明式语法，更加直观、与HTML结构相似，学习成本低1.3使用步骤1、使用JSX创建react元素consttitle=<h1>helloJSX!!

react安装环境步骤1.下载node.js官网下载地址：https:/odejs.org/zh-cn/download/如果更改了默认安装位置，那么需要配置环境变量，NODE_PATH，变量为node.js的安装路径2.cmd查看是否安装好node-v``````bashnpm-v3.npm很慢，安装淘宝的镜像文件。npminstall-gcnpm-

能够通过绑定的变量操作子元素的方法和属性，vue中ref的概念方式一：绑定的变量，需要提前声明，调用时需要取一层current        son1=React.createRef();        useSon(){                   console.log(this.son1.current.num);  

铛铛铛12月16日9:00我们的Molecule在GitHub与Gitee正式开源咯！！！什么？你还不知道它是谁？那就先来认识一下这位新成员吧ps：悄悄告诉你关注“数栈研习社”还有小惊喜哦Molecule简介Molecule是一个受VSCode启发，使用React.js构建的WebIDEUI框架。通过设计一种类似VSCode扩展

react源码解析12.状态更新流程视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流

1.按照 https://ant.design/docseact/use-in-typescriptnpxcreate-react-appantd-demo-ts--templatetypescriptcdantd-demo-tsyarnstart yarnaddantd2.还原打包代码，这样可以修改打包出来的静态资源目录，和修改端口npmruneject3.修改 src/App.tsximpo

第一步：创建项目文件夹，cdreactmkdirHarryPottercdHarryPottermkdirsrc  第二步：安装各种依赖包，依次执行如下命令行npminit-ynpminstallwebpackwebpack-cli--save-devnpminstall@babel/corebabel-loader@babel/preset-env@babel/preset-rea

Redux解耦合React项目中使用Redux管理状态数据，导致组件中出现了大量store.method调用方式,让两个不同技术之间的代码的耦合度太高，不利于后期项目的维护react提供了一个模块：react-redux，转么用于解耦合react组件，redux状态管理模式Provider:提供者的意思，提供数据管理桥梁，让

react源码解析11.生命周期调用顺序视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更

vue本身就是借鉴了React.js中的虚拟DOMduff算法来增加浏览器渲染性能，那试问你搞个v-for循环一大串，还不写KEY，你让vue咋帮你，我草，满屏幕的红色波浪线，对不起，爷真的伤不起，你去改bug，说你写东西慢，不休这些小毛病说你的项目为啥这么慢，

Thesearebilibili尚硅谷React学习视频的学习笔记~

react源码解析13.hooks源码视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程