首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
下个路口
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
React Hook 系列(一):彻底搞懂react hooks 用法(长文慎点)
react 不同组件用法。 react hook 相比以前带来什么。 react hook 的用法。 1. 功能(无状态)组件 2. 类(有状态)组件 3. 渲染组件 容器型组件一般是有状态组件。 4. 高阶组件 HOC 主要是抽离状态,将重复的受控组件的逻辑抽离到高阶组件中,…
前端精神小伙:React Hooks 响应式布局
现在稍微大型的站点都会采用H5/PC端 并行,通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说,就很难实现。 通过CSS媒体查询实现响应式布局,是主流方式。 但是,有时在React程序中,需要根据屏幕大小有条件地渲染不同的组件(写媒体…
使用 Mobx + Hooks 管理 React 应用状态
目标: 实现一个 Todo List 应用如下 Step 1️:创建一个 Store Model Step 2️:导出 Store Step 3️:使用 mobx-react 将 Store 绑定到组
终于搞懂 React Hooks了!!!!!
解决了的问题是:当我们一个函数组件想要有自己维护的state的时候,不得已只能转换成class。这样很麻烦! 😄1. 重点: useState的初始值,只在第一次有效 我当时反正没有当回事,直到遇到了坑... 🌰2. 举个例子: 😄 1. 就是相当于全局作用域,一处被修改…
用mobx构建大型项目的最佳实践
mobx是一款基于观察者模式的响应式数据管理框架,相对于redux来说是后起之秀。 有一种观点认为mobx不适合构建大型项目,这源于mobx过于灵活的特点。灵活即意味着随意,这在开发日益复杂的大型项目是致命的弱点。redux则不然,它的唯一数据源、reducer纯函数、只能通过…
用mobx构建大型项目的最佳实践(2)
有朋友在读了上篇文章之后,希望我能出个demo。于是我做了一个简单的项目来实践上文中所讲到的理念。 下面简要介绍一下项目结构及开发流程,以帮助各位同学更好的理解项目。 项目根目录为 ./src(可通过package.json内的basePath配置) 页面目录为 pages, …