react
-
从头学服务器组件#3:添加路由
这是“从头学服务器组件”系列的第 3 篇文章。这个系列的文章来自于 Dan Abramov 所写的《RSC From Scratch. Part 1: Server Compone…
-
从头学服务器组件#4:发明异步组件
这是“从头学服务器组件”系列的第 4 篇文章。这个系列的文章来自于 Dan Abramov 所写的《RSC From Scratch. Part 1: Server Compone…
-
SWR:一个用来简化数据获取的 React Hook
SWR 是 vervel 公司开源的一个 npm 包,也是由 Next.js(React 框架)背后的同一团队创建。SWR 是一个 React Hook,用来简化 React 项目…
-
从头学服务器组件#6:代码清理与服务端拆分
这是“从头学服务器组件”系列的第 6 篇文章,也是最后一篇。这个系列的文章的来自于 Dan Abramov 所写的《RSC From Scratch. Part 1: Server…
-
npm init:基本使用与附加选项介绍
前言 npm init 还是挺神奇的,原本我以为它只是用来初始化一个 package.json 文件,没想到它还能用来初始化一个项目。 比如,我常用这个指令的 2 个变体: npm…
-
vue-demi:编写同时适配 Vue 2 和 3 的公共库
Vue 2 在 2023 年 12 月 31[1] 日已经中止官方支持,由于 Vue 2 跟 Vue 3 之间比较多的不兼容,导致代码迁移比较困难,现在 Vue 2 的使用群体仍然…
-
create-vue: Vue 官方项目脚手架工具
背景介绍 create-vue[1] 是 Vue 官方的项目脚手架工具,在此之前,使用的是 Vue CLI[2]。 # Vue CLI$ npm&nb…
-
很基础但很重要,React 元素本质
这是「React 知命境」系列,关注这个标签,阅读所有文章 在 React 中,我们要熟悉一个新语法:JSX 它不是模板语法,而是 JavaScript 扩展语法,可以参与到 Ja…
-
实战为王,从零封装 Icon 组件
大家好,我是这波能反杀,一个 React 超级高手,关注我,你也可以成为高手. 本文是 React 知命境系列,关注这个标签,阅读所有文章 理论结合实践,是非常有效的学习方式。也是…
-
这个 hook api,是 useState 的双生兄弟
关注这个标签,阅读本书所有文章 使用函数创建组件,有一个非常特殊的地方。那就是当组件重新刷新时,组件函数会重新执行。于是在这种情况下,如何在函数内部持久化保存一个数据或者状态就变成…
-
实战!增删改查的不平凡
学习了 useState 与 useRef ,结合前面几章内容,我们可以实现一个非常经典的功能:任务列表。 当我点击新增时,编辑弹窗出现,输入框自动获得焦点 输入任务描述之后,点击…
-
实战:思考如何拆分组件
学习过 React 哲学的同学应该知道,我们在思考如何拆分组件时,要以简化代码为目的,充分分析当前页面/组件的交互特性、结构特性、数据特性,来判断当前的页面应该如何拆分。 上一篇文…
-
重点来了,useEffect
useEffect 副作用 序 当了二十多天废物,今天开始更新,让大家久等了。花了挺长的时间优化文章 UI 细节,进一步提高阅读体验,大家多多感受一下. useEffect 是一个…
-
烧脑预警,useEffect 进阶思考
序 在上一篇文章中,我们使用函数组件实现了方块两次移动的动画效果,核心代码如下: useEffect(() => { anime01…
-
从零开始,React 学习直播计划
序 很抱歉断更了很久,最终决定还是通过视频的方式教大家使用 React,文字的表达方式毕竟有限,许多朋友反馈看了之后觉得吸收不够充分。因此这次视频直播决定从零开始教会大家用好 Re…
-
useEffect 实践案例(一)
序 对于 useEffect 的掌握是 React hooks 学习的重中之重。因此我们还需要花一些篇幅继续围绕它讲解。 在上一篇文章中,我们使用两个案例分析了 useEffect…