React
-
如何将HTML渲染到React Native
假设你想使用React Native将你的网站或Web应用程序转换为移动应用程序,或者你有静态HTML代码要在应用程序的特定页面上显示。你会怎么做?你会重写一大堆代码吗? 当然不需…
-
如何在react-native中更改/重命名应用名称(在安卓和IOS中)
要在React Native项目中更改应用名称,你需要在代码中进行调整,可能还需要在配置文件中进行调整。以下是如何操作的逐步指南: 更改显示名称(可见名称): 要更改在用户设备上显…
-
初识package.json,两个重要字段不能忽略
开发环境的搭建有很多种方式。 我选择在本地搭建 React 开发环境,这与实践更加接近。在初学时,我们可以通过 Create React App 创建项目。它是 React 初学者…
-
很基础但很重要,React 元素本质
这是「React 知命境」系列,关注这个标签,阅读所有文章 在 React 中,我们要熟悉一个新语法:JSX 它不是模板语法,而是 JavaScript 扩展语法,可以参与到 Ja…
-
实战为王,从零封装 Icon 组件
大家好,我是这波能反杀,一个 React 超级高手,关注我,你也可以成为高手. 本文是 React 知命境系列,关注这个标签,阅读所有文章 理论结合实践,是非常有效的学习方式。也是…
-
这个知识点,是React的命脉
大家好,我是这波能反杀。本文是「React 知命境」系列,关注这个标签,阅读所有文章,成为 React 高手 创建组件时,我们可以通过 props 接收外部传入的数据,该数据可以称…
-
这个 hook api,是 useState 的双生兄弟
关注这个标签,阅读本书所有文章 使用函数创建组件,有一个非常特殊的地方。那就是当组件重新刷新时,组件函数会重新执行。于是在这种情况下,如何在函数内部持久化保存一个数据或者状态就变成…
-
实战!增删改查的不平凡
学习了 useState 与 useRef ,结合前面几章内容,我们可以实现一个非常经典的功能:任务列表。 当我点击新增时,编辑弹窗出现,输入框自动获得焦点 输入任务描述之后,点击…
-
实战:思考如何拆分组件
学习过 React 哲学的同学应该知道,我们在思考如何拆分组件时,要以简化代码为目的,充分分析当前页面/组件的交互特性、结构特性、数据特性,来判断当前的页面应该如何拆分。 上一篇文…
-
重点来了,useEffect
useEffect 副作用 序 当了二十多天废物,今天开始更新,让大家久等了。花了挺长的时间优化文章 UI 细节,进一步提高阅读体验,大家多多感受一下. useEffect 是一个…
-
烧脑预警,useEffect 进阶思考
序 在上一篇文章中,我们使用函数组件实现了方块两次移动的动画效果,核心代码如下: useEffect(() => { anime01…
-
从零开始,React 学习直播计划
序 很抱歉断更了很久,最终决定还是通过视频的方式教大家使用 React,文字的表达方式毕竟有限,许多朋友反馈看了之后觉得吸收不够充分。因此这次视频直播决定从零开始教会大家用好 Re…
-
useEffect 实践案例(一)
序 对于 useEffect 的掌握是 React hooks 学习的重中之重。因此我们还需要花一些篇幅继续围绕它讲解。 在上一篇文章中,我们使用两个案例分析了 useEffect…
-
useEffect 实践案例(2):自定义 hook
序 我们将在上一章案例的基础之上学习自定义 hook。 在上一章中,我们巧妙的把大量的 JSX 逻辑处理封装在了 List 组件中,使得在页面组件的代码变得非常简单。这是针对 UI…
-
深度探讨 useEffect 使用规范
序 我们在乘坐地铁或者公交车的时候,在地铁门或者公交车门的旁边往往会有「禁止依靠」这样的标识。目的是为了警告乘客不要依靠车门,否则开门的时候容易出现不可预测的危险。 但是如果我们仔…
-
蜕变之始,useEffect 最后一种用法
在 React 官方文档中,对于 useEffect 有这样一句描述:Effects are an escape hatch from the React paradigm。 这句…