首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
tyrocoder
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
React SSR 详解【近 1W 字】+ 2个项目实战
是指将单页应用(SPA)在服务器端渲染成 HTML 片段,发送到浏览器,然后交由浏览器为其绑定状态与事件,成为完全可交互页面的过程。(PS:本文中的 SSR 内容都是围绕同构应用来讲的) 更快的首屏加载速度:无需等待 JavaScript 完成下载且执行才显示内容,更快速地看到…
这可能是最通俗的 React Fiber(时间分片) 打开方式
写一篇关于 React Fiber 的文章, 这个 Flag 立了很久,这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励,给了我很多动力,所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue,这里…
你真的了解 React 生命周期吗
该生命周期钩子的作用: 将父组件传递过来的 props 映射 到子组件的 state 上面,这样组件内部就不用再通过 this.props.xxx 获取属性值了,统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ,作为子组件自己的状…
Mobx最佳实践(react-hooks)
之前讲到过我们团队从redux迁移到mobx,为什么我们抛弃了redux呢?一个很重要的原因就是使用redux开发,代码量增多,复杂度增大,同时需要维护api,action,reducer,即使是借助
围观 “33 行代码的 React”
一位伦敦的 Python 工程师 Oliver Russell 最近做了一个好玩的尝试,用 33 行代码 “实现了”React。 由此可见,这个实现的功能还十分有限。只涉及虚拟 DOM 生成、差异比较和真实 DOM 渲染。 全部实现代码如下图所示。 这个实现参考了 Mithri…
[2.7w字]我是这样搭建 React+Typescript项目环境的(上)
现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ,但是随着业务场景的复杂度提升,难免会需要我们再去添加或修改一些配置,这个时候如果对 webpack 不够熟练的话,会比较艰难,那种无力的感觉,就好像是女…
「前端发动机」深入 React hooks — useEffect
React Hooks的基本用法,官方文档 已经非常详细。本文的目的,是想通过一个简单的例子详细分析一些令人疑惑的问题及其背后的原因。这是系列的第二篇,主要讲解 useEffect。 官方文档中说,可以将 useEffect 的回调和清理副作用的机制,类比成 class 组件中…
2019年17道高频React面试题及详解
以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…
[译] 为什么需要在 React 类组件中为事件处理程序绑定 this
背景图源来自 Kaley Dykstra 并发布在 Unsplash 上,源代码图像生成自 carbon.now.sh。 在使用 React 时,您难免遇到受控组件和事件处理程序。在自定义组件的构造函数中,我们需要使用 .bind() 来将方法绑定到组件实例上面。 在这篇文章中…