React

0 人感兴趣 · 25 次引用

  • 推荐
  • 最新
https://static001.geekbang.org/infoq/34/342a29659b332af8c220be2a7720eb01.png?x-oss-process=image/resize,w_416,h_234

React 之 Context 源码分析与实践

用户头像
费马 2020 年 6 月 3 日

Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。

https://static001.geekbang.org/infoq/aa/aab76307aae5924eec0d7952c230ff51.jpeg?x-oss-process=image/resize,w_416,h_234

createRef、useRef、useMemo 对比分析和应用场景

用户头像
费马 2020 年 6 月 5 日

Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。针对class组件和函数式组件,我们又分别可以使用createRef和useRef

https://static001.geekbang.org/infoq/02/021fa7eeeed0bbf029f5464ac2ae72e2.jpeg?x-oss-process=image/resize,w_416,h_234

学会使用 Vue JSX, 一车老干妈都是你的

用户头像
前端有的玩 2020 年 7 月 15 日

今天这篇文章将给大家小编在项目中使用JSX的一些实战经验。其实一般情况下写Vue还是比较推荐template的写法的,但是有时候我们真的需要更灵活的去做一些功能,这时候就需要用到JSX了。

https://static001.geekbang.org/infoq/48/489c8d88dfcf3d0fd61895cbef691f62.jpeg?x-oss-process=image/resize,w_416,h_234

带你体验 Vue2 和 Vue3 开发组件有什么区别

用户头像
三钻 2020 年 8 月 12 日

我们一直都有关注和阅读很多关于Vue3的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 -- “又要开始学新的写法了 (ノToT )ノ ~┻┻”。

从 0 开始设计 Flutter 独立 APP | 第三篇: 一劳永逸解决全局 BuildContext 问题

用户头像
渔子长 2020 年 7 月 14 日

鉴于Flutter的高性能渲染、跨平台、多端一致性等优势,闪点清单在移动端APP上,使用了完整的Flutter框架来开发。既然是完整APP,架构搭建完全不受历史Native APP的影响,没有历史包袱的沉淀,设计也能更灵活和健壮。

https://static001.geekbang.org/infoq/16/16a9c6de9465a4db1432fd858999948c.png?x-oss-process=image/resize,w_416,h_234

15 个很有用的自定义 React Hooks

用户头像
Verlime 2020 年 7 月 21 日

React 提供了自定义 Hooks 的特性,我们可以根据这个特性创建出很多有意思的功能,今天就来分享一些个人认为还不错的 Hooks,共计 15 个。

https://static001.geekbang.org/infoq/eb/eb8ce22df0507d9a6188d2afc72da3fc.png?x-oss-process=image/resize,w_416,h_234

[译] 图说前端 - 图解 React

用户头像
梦见君笑 2020 年 7 月 12 日

用通俗的语言和涂鸦来解释 React 术语

1. react 起始 | 2020 年前端再入门系列连载

用户头像
chaozh 2020 年 7 月 14 日

包管理 yarn vs npm,推荐使用npm,可以直接使用npx来执行create-react-app 脚手架,该框架会安装react、react-dom和react-scripts(配置webpack和babel,用来编译打包,可以运行npm run eject来启用自定义配置)

https://static001.geekbang.org/infoq/2c/2c7931a35608bfb02ae8e73ce006f1cf.gif?x-oss-process=image/resize,w_416,h_234

[译] 图解前端 - 深入理解 Props 和 State

用户头像
梦见君笑 2020 年 7 月 12 日

系列博客: 用通俗的语言和涂鸦来解释 React 术语

https://static001.geekbang.org/infoq/15/15fbf4f6d69926e719e07ef0fdd9db95.jpeg?x-oss-process=image/resize,w_416,h_234

一条龙!CI / CD 、打造小团队前端工程化服务

用户头像
久违 2020 年 9 月 3 日

​这个是自动化部署 + npm私有库搭建 + API Mock server 等服务的搭建

https://static001.geekbang.org/infoq/04/043b926c678bb9a67181657e0930a05a.jpeg?x-oss-process=image/resize,w_416,h_234

微前端之如何拆解 React 巨石应用 qiankun

用户头像
SugarTurboS 2020 年 10 月 12 日

团队的项目 A 经历两年需求的洗礼,一些问题也随之暴露出来: 项目引用的npm包很多,业务代码也很多,有着向巨石应用发展的趋势。巨石应用的一些典型问题如下:构建效率低下、*dev-server 占用内存大甚至内存泄露*、维护成本急剧增加。

https://static001.geekbang.org/infoq/84/8466ca07321493b35c5de93c7036f7f9.jpeg?x-oss-process=image/resize,w_416,h_234

Malagu 框架开发 React 应用新体验

用户头像
木香丘 2020 年 7 月 14 日

Malagu bb是基于 TypeScript 的 Serverless First、可扩展和组件化的应用框架。

https://static001.geekbang.org/infoq/86/86bc2b2799719f5e132f4a3b4423321b.png?x-oss-process=image/resize,w_416,h_234

[译] 图说前端 - 组件、Prop 和 State

用户头像
梦见君笑 2020 年 7 月 12 日

系列博客: 用通俗的语言和涂鸦来解释 React 术语

https://static001.geekbang.org/infoq/f6/f6ebc1de94a5cd05c1058660095362f7.png?x-oss-process=image/resize,w_416,h_234

React Hooks 温故而知新

用户头像
Verlime 2020 年 7 月 21 日

React Hooks 是 React 16.8 新增的特性,它可以让你在不编写 class 的情况下使用 state 以及其它的 React 特性。

https://static001.geekbang.org/infoq/8a/8a50ab63a7249e6e4f14b25c876cc935.jpeg?x-oss-process=image/resize,w_416,h_234

在 React 仓库中的那些 package

用户头像
teabyii 2020 年 6 月 20 日

翻翻 React 源码仓库的时候会发现里边的 package 还是很多的,记录几个感觉比较有用的,抛砖引玉。

https://static001.geekbang.org/infoq/e1/e165e3a1003f357d8db991e6b5859458.jpeg?x-oss-process=image/resize,w_416,h_234

记一次 bem 命名规范使用优化方案

用户头像
前端有的玩 2020 年 7 月 22 日

在公司项目中,我们一直class名称遵循bem规范,但是在使用中,也发现了一些不方便的地方,特别是每次要写很长的class名称,太麻烦了,怎么办呢?

https://static001.geekbang.org/infoq/6a/6a323b5b4e8b92712bf806271123a8b9.jpeg?x-oss-process=image/resize,w_416,h_234

实现一个简单的 MobX

用户头像
局外人 2020 年 10 月 14 日

为了方便读者更好的阅读体验,笔者将循序渐进的分多个demo来实现一个可用的 MobX。

https://static001.geekbang.org/infoq/37/3770615765bf9ffc2dfc8d80fc5fa37e.png?x-oss-process=image/resize,w_416,h_234

1 分钟带你入门 React Context

用户头像
🇯 🇹 🇷 2020 年 10 月 21 日

前言:如果当你看过React的官方文档,还觉得迷惑,那这边文章就能帮到你。

https://static001.geekbang.org/infoq/33/33e72e10b6532b0560b01e5a6e1b4046.png?x-oss-process=image/resize,w_416,h_234

1 分钟带你入门 Redux、React-Redux

用户头像
🇯 🇹 🇷 2020 年 10 月 21 日

前言:还在迷茫在Redux门外的小伙伴们,今天de福利就能让你豁然开朗。至于Redux的目的我在这里就不在累赘了,直接上手基本用法。

https://static001.geekbang.org/infoq/a7/a7cb9ce07ecb3c34a756bafab04d17b2.png?x-oss-process=image/resize,w_416,h_234

React TypeScript 项目基本构建 2

用户头像
JackWangGeek 2020 年 8 月 13 日

React组件中处理可以用CSS单独的文件来定义样式外,还可以直接用类似style这种方式来定义样式,当然这里需要首先安装一下依赖库,此时需要打开命令行,并输入如下命令:

https://static001.geekbang.org/infoq/da/da59288c3daa4fb773b7b3368ca6f9b2.png?x-oss-process=image/resize,w_416,h_234

1 分钟带你入门 React 生命周期

用户头像
🇯 🇹 🇷 2020 年 10 月 26 日

前言:给你一个问题,在React中父组件执行了render函数,那么它的子孙组件会执行哪些钩子函数,如果不了解的话,就来看看这个篇文章吧。

https://static001.geekbang.org/infoq/33/33a041d5889f43d2fbd051605c03b87b.png?x-oss-process=image/resize,w_416,h_234

1 分钟带你入门 React SCU、memo、pureCom

用户头像
🇯 🇹 🇷 2020 年 10 月 23 日

前言: 话说React的性能优化,你也许能想到shouldComponentUpdate这个钩子函数,如果不了解,那么你更加需要看啦

https://static001.geekbang.org/infoq/32/324775b07570a7102d960dd45c5aa914.png?x-oss-process=image/resize,w_416,h_234

1 分钟带你入门 React 公共逻辑抽离 HOC...

用户头像
🇯 🇹 🇷 2020 年 10 月 21 日

前言: 看到这标题你会想到什么 ? HOC ? Render Props ? 自定义Hooks ? mixin ? 哈哈, mixin 已经被React抛弃了,今天由我来个给你们理清这些看似高深的概念

https://static001.geekbang.org/infoq/e7/e719f5bf47b605aa6db4d6d8edaf3e3f.jpeg?x-oss-process=image/resize,w_416,h_234

1 分钟带你 get React setState 面试要点

用户头像
🇯 🇹 🇷 2020 年 10 月 22 日

前言: 对于React的初学者来说,setState这个API是再亲切不过了,但你真的了解它了吗?面试时工作是,你能讲清楚他吗?

React_React资料文章-InfoQ写作平台