最新 最热

Setting Up a Dev Environment with React, Vite, TypeScript, Material-UI and TailwindCSS

# Step by Step GuideCreate Project Folderpnpm create vite@latest cellinlab-home -- --template react-tscd cellinlab-homeInstall Tailwind CSS and Other Depen...

2023-05-17
1

React 设计模式 0x8:测试

测试在每个 Web 应用程序中都非常重要,即使在 React 中也是如此,特别是在其组件方面。

2023-05-17
0

React 设计模式 0x7:构建可伸缩的应用程序

在构建 React 应用程序时,总会有一些情况,您不希望重新渲染组件,除非某些 prop 或值发生了更改,或者达到了某些条件;这称为条件渲染。

2023-05-17
0

React 设计模式 0x6:数据获取

在大多数 React 应用程序中,应用程序需要来自 API 或服务器的数据才能正常运行。也会将数据从应用程序提交到服务器以接收某种响应。有几种方法可以将此数据发送/获取到 API 或服务器,可以使用内置的 API 或外部 npm 包...

2023-05-17
0

React 设计模式 0x5:服务端渲染 SSR

SSR(Server-Side Rendering,服务器端渲染)是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次,然后将渲染结果返回给浏览器进行展示的过程。相对于客户端渲染(CSR,Client-Side Rendering),SSR 可以提高页面的...

2023-05-17
1

React 设计模式 0x4:样式

在每个 Web 应用程序中,样式化非常重要,因为样式使其对用户非常有吸引力,并为用户提供良好的体验。在 React 中有不同的方法来实现这一点。

2023-05-17
1

React 设计模式 0x3:Ract Hooks

React Hooks 是在函数式组件中使用的生命周期方法,React Hooks 在 React 16.8 中被引入。在类组件中的生命周期方法已被合并成 React Hooks,React Hooks 无法在类组件中使用。...

2023-05-17
0

React 设计模式 0x1:组件

驼峰式命名法(Camel Case),也叫小驼峰式命名法(Lower Camel Case)

2023-05-17
1

React 设计模式 0x2:整洁和可维护的代码

大多数代码都会被推送到在线仓库(GitHub 等),使我们能够拥有持续集成(CI)和持续交付(CD)

2023-05-17
0

React 设计模式 0x0:典型反例和最佳实践

React 使用可重用组件作为应用程序的基本单元。然而,我们有时会编写过于冗长和难以阅读的组件,包括从逻辑到显示呈现的所有内容。这会导致调试和修复困难。...

2023-05-17
1