leahtao

前言 所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的...

在阅读文章之前，让我们先明白几个概念。 SPA（Single Page Application）： 单页面应用程序，是前后端分离时提出的一种解决方案。在一个应用或者站点中，...

React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。...

你好呀，我是歪歪。 事情是这样的，这本来是我在家的办公桌： 但是现在带鱼屏被 Max 同学征用了，其实也不算征用，是我主动申请给她的设备升级一下。 因为前几天我用了一下她的...

前端页面的稳定性在用户体验中扮演着较为重要的角色，本文主要介绍了“本地状态存储对比、Service Worker 心跳检测、Reporting API 上报”等 3 种前端...

引言 就在昨天（2024.12.5），React 团队在 react.dev/blog 上发表了帖子 https://react.dev/blog/2024/12/05/r...

最近遇到一些组件，它们只是对 api 的一层简易封装，用起来也和直接用 api 差不多。 但是这种组件的下载量还是挺多的。 今天我们一起来写三个这样的组件，大家来感受下和直...

这篇文章会是讲解useEffect与useLayoutEffect区别的，最通俗易懂的文章。网上大多数的文章都没触碰到问题的本质，所以决定写这样的一篇文章。...

```js import React, { Component, createRef } from 'react'; import { View, Text, StyleS...

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Roll...

React Native 的性能优化涵盖了多个方面，包括渲染优化、网络请求优化、内存管理、平台特定优化等。 渲染优化： 避免无谓的渲染： 使用 React.memo 或 P...

在京东首页、淘宝首页、抖音视频、微信朋友圈这类信息流页面中，你看一页，还有下一页，看完下一页还有下下页，无穷无尽。这时就需要用到列表组件，而且必须是高性能的列表组件，不能翻...

今天来实现一个跟chatgpt有关的功能，但不是它的ai功能，而是它的打字效果。使用过chatgpt的都知道，它的文字输出是实时的，就跟我们打字的效果一样 这是使用前端实现...

在 web 应用中，模拟一个字一个字输入的效果，让用户的注意力聚焦在输入的内容上，其实使用的是 web 动画模拟打字机效果。...

借助 #Workspace 功能，你可以更高效地了解项目及其内在逻辑，更便捷地完成代码编写，运行代码、理解代码将不再是难题，即使是刚入门的编码也能在短时间内看懂项目的复杂逻...

React Native 0.76 现已在 npm 上以全新架构默认发布！ 在 0.76 版本的发布博客中，我们分享了此版本包含的一系列重大更改。在本文中，我们将概述全新架...

简单的一句话描述 React Web 就是：它帮你把 React Native 的组件做了一个 Web 端的实现，并提供相关打包工具，让你可以直接打包出一份可以跑在 Web...

react-native-web简介仓库地址：https://github.com/necolas/react-native-webreact-native-web是由前T...