Mermaid 时序图常用语法

Refactoring UI

【读书笔记】《容忍与自由》

【读书笔记】《思考的框架》

最流行六种的 API 架构风格(附 Node.js DEMO)

本篇将介绍六种最流行的 API 架构风格，分别是 SOAP、RESTful、GraphQL、gRPC、WebSocket 和 Webhook。对于每种 API ...

ChatGPT Prompt Engineering for Developers

Load the API key and relevant Python libaries.

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

# Step by Step Guide Create Project Folder pnpm create vite@latest cellinlab-hom...

使用 Node.js、Canvas 和 FFmpeg 实现实时视频流生成与推送

在许多实时视频应用场景中，我们需要动态生成实时视频流并将其推送到 RTMP 服务器。例如，我们可能需要生成一个实时显示当前时间的视频流，或者在游戏直播时显示实时...

React 设计模式 0x8：测试

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

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

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

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

在大多数 React 应用程序中，应用程序需要来自 API 或服务器的数据才能正常运行。也会将数据从应用程序提交到服务器以接收某种响应。有几种方法可以将此数据发...

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

SSR（Server-Side Rendering，服务器端渲染）是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次，然后将渲染结...

React 设计模式 0x4：样式

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

React 设计模式 0x3：Ract Hooks

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

React 设计模式 0x1：组件

驼峰式命名法（Camel Case），也叫小驼峰式命名法（Lower Camel Case）

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

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

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

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

React 应用架构实战 0x8：配置 CI/CD 进行测试和部署

在本节中，我们将学习什么是 CI/CD 。然后，我们将学习 GitHub Actions 是什么以及 GitHub Actions 流水线的主要部分是什么。然后...

React 应用架构实战 0x7：测试

在这一节中，我们将学习如何使用不同的测试方法来测试我们的应用程序。这将使我们有信心对应用程序进行重构、构建新功能和修改现有功能，而不用担心破坏当前的应用程序行为...

Setup React and Tailwind CSS Project with Vite

# Step by Step Guide Create Project Folder pnpx create vite@latest my-vite-app ...