框架与类库:React
React篇-前端渣渣对手把手开发公共组件的思考和设计
You have sent an invalid request. Please do not send this request again. Contact Support — GitHub Status — @githubstatus
React Native 无限列表的优化与实践
写给RN开发者的详细指南~
React Hooks的体系设计之四 - 玩坏ref
上一节讲了useRef到底是个什么东西,它可以生成一个与组件节点生命周期相同的存放可变内容的容器。在这个认知的基础上,我们其实可以用useRef做很多事情,所以打算写一个比较短的章节说一些比较常见或者比较奇葩的…
捕获 React 异常
韩国某著名男子天团之前在我们平台上架了一张重磅数字专辑,本来是一件喜大普奔的好事,结果上架后投诉蜂拥而至。部分用户反馈页面打开就崩溃,紧急排查后发现真凶就是下面这段代码。
React团队的技术准则
UI优先于API
SWR:最具潜力的 React Hooks 数据请求库
说明:本文内容主要来源于 SWR 的 官方文档 以及 GitHub zeit/swr 仓库,本篇主要为功能简介篇。简介React Hooks library for remote data fetching 一个用于请求远程数据的 React Hooks 库,官网的快速开始示例如…
基于 React 的可视化编辑平台实践
基于 React 的可视化编辑平台实践 本文主要介绍了基于 React 构建可视化编辑平台的实践,包括对可视化拖拽布局、在线编辑、同构直出的实现。背景目前,HRG 的英才校园在线招聘业务有大量的企业定制化需求,企业在…
理解 React 的下一步:Concurrent Mode 与 Suspense
React的下一步
React Hooks: 没有魔法,只是数组
[译] React Hooks: 没有魔法,只是数组原文链接: https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e我是 React 新特性 Hooks 的粉丝。但是,在你使用 React Hooks的过程中,有一些看…
利用 React 组件的“黄金法则"让代码更优雅之如何发挥钩子的作用
最近学到了一个新的理念,它改变了我创建组件的方式,它不仅是一个新的点子,还是一个新的视角。
想创建应用程序,只用React Hooks就够了
React Hooks是React库的新增功能,它允许你编写状态逻辑并使用其他React功能,同时无需编写类组件。你可以单独使用Hooks来制作自己的应用程序,这对React相关从业者来说是一次重大变革。
在 React 中使用 Shadow DOM
- Shadow DOM 是什么Shadow DOM 是什么?我们先来打开 Chrome 的 DevTool,并在 'Settings -> Preferences -> Elements' 中把 ' Show user agent shadow DOM' 打上勾。然后,打开一个支持 …
Airbnb 爱彼迎房源详情页中的 React 性能优化
在一些容易被忽视但又非常重要的场景,可能会有许多严重影响性能却很容易解决的问题。本文最早于 2017 年 12 月 5 日发表(原文链接),主要介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能…
React 16 加载性能优化指南
关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。但随着 React 16 和 Webpack 4.0 的发布,很多过去的优化手段其实都或多或少有些“过时”了,…
[阅 #36] 在写 React 代码时,用类属性和在构造器中用 bind 哪个内存使用更少
「阅」——JSCourse 旗下栏目,专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容在写 React 代码的时候,Render 函数中,往往需要调用当前组件实例中定义的函数,这个时候我们需要解决被调函数中 this …
React 整洁代码最佳实践
原文:Clean Code vs. Dirty Code: React Best Practices 作者:Donavon West 本文主要介绍了适用于现代 React 软件开发的整洁代码实践,顺便谈谈 ES6/ES2015 带来的一些好用的“语法糖”。 什么是整洁代码,为什…