首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
Geek喜多川
创建于2021-05-12
订阅专栏
React学习系列
暂无订阅
共16篇文章
创建于2021-05-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
从零开始实现一个react-02-JSX和虚拟dom
1.React文件:title会被babel转译成虚拟dom接着来看下引入的React:编译后,打开浏览器,在localhost:1234端口可见:2.ReactDom的render方法:1.字符串:
从零开始实现一个react-01-环境配置parcel
1.环境配置:依赖安装:package.json:因为上面安装了parcel的打包依赖,为了方便可以在scripts中添加 "start": "parcel index.html",然后通过npm s
React项目实战小结
需求场景:现在想要封装一个input框,在点击列表的某个项目时,将项目name带过去,传递给封装的input框,动态赋值并且可以修改; 再一个就是需要在父组件拿到子组件的封装好的input的值。(更多关于antd3.x迁移到4.x请看https://ant-design.git…
React生命周期详解
本文是对于React生命周期的整理,内容是《React工程师修炼指南》中生命周期部分的笔记,只拥有自己的日常复习。 挂载阶段(Mounting):这个阶段会从组件的初始化开始,一直到创建组件完成并且渲染到真实的Dom中。 更新阶段(Updating):这个阶段从组件更新开始,一…
Mac下安装mongodb遇到的问题汇总
在/usr/local/mongodb 目录下创建两个文件夹: data 和 log。
React全家桶-06-redux-saga的使用
redux-thunk让redux的reducer从接收一个对象,扩展为函数,但是对于更大型的项目,对于副作用的处理上,redux-saga更具优势,看这个名字起得,气势上这一块就拿捏的死死的,除了redux-observable还有谁~!(但是rxjs学习曲线堪称陡峭,笔者后…
React全家桶-05-react-redux的使用
这节这要是来通过react-redux来实现之前https://juejin.cn/post/6940117036437602341登录的重构,来让项目更清晰。先来看下src的目录结构: src新建一个store文件夹,如果项目比较大,最好是按照功能进行细分,比如user登录自…
React全家桶-04-react路由守卫的实现
React中没有类似于vue中现成的路由守卫,React中的路由守卫是通过高阶组件对Route的封装。 如果想要在匹配路由的时候判断是否登录,去显示不同组件,那么就需要使用高阶组件对路由的Route进行封装,过程中对是否登录状态做处理,从而显示不同的内容。 如果没有登录(isL…
React全家桶-03-react中的路由
直接上代码,欧哒欧哒欧哒...
React全家桶-02-Mobx状态管理快速入门
React 和 MobX是⼀对强⼒组合。 React是⼀个消费者,将应⽤状态state渲染成组件树对其渲染。 然后在组件顶层的index.js中引入可被观察者对象-appState并作为props传递下去。 🚀结论:使⽤Mobx⼊⻔简单,构建应⽤迅速,但是当项⽬⾜够⼤的时候,…
React全家桶-01-Redux的流程和具体使用:
通过 subscribe(listener) 返回的函数注销监听器。 问题:每次state更新,都会重新render,⼤型应⽤中会造成不必要的重复渲染。
React组件化-03-Antd表单封装之字段包装及表单项事件实现(1)
参数②:为克隆后生成的React元素添加新的props,或覆盖从母体中克隆而来的部分或全部props。(可选) validateFiled 函数中对this.options 解构,然后利用规则进行判断。
React组件化-02-组件间通信Context
Context 提供了⼀个⽆需为每层组件⼿动添加 props,就能在 组件树 间进⾏数据传递的⽅法。 Context设计的⽬的是为了共享那些 全局 的数据,例如当前认证的⽤户、主题等。 ThemeBtn中如果是通过 this.context使用value的值 的话,那么在组件中…
React组件化-01-React中的高阶组件
权限控制的例子和 2.2 的类似,这里直接贴代码,不做过多赘述了。
create-react-app中antd按需引入
create-react-app中antd按需引入1.create-react-app的按需引入antd:使用npxcreate-react-app项目名初始化项目后执行yarnadd@craco/c
create-react-app脚手架卸载重装以及初始化项目中的问题
新版本的react不需要本地global安装create-react-app然后创建项目了,如果之前安装过,那么需要卸载掉。