Library Search
结果页入门教程 - 从 React 到 Preact 无缝迁移
在 知识库 中找到 8 个匹配结果。
知识库
知识库
8 个 入门教程 - 从 React 到 Preact 无缝迁移 # Preact 入门教程：从 React 到 Preact 无缝迁移
## 一、Preact 是什么？
Preact 是 Jason Miller 创建的 React 替代品，核心目标：**用 3KB 的体积实现 React 的绝大部分 API**。它保持与 React 几乎相同的编程模型（组件、Hooks、JSX），但去掉了合成事件系统、Fiber 调度器等大型内部机制，直接使用原生 DO… 3% 入门篇 - Preact轻量级毕设方案 # Preact 轻量级毕设方案入门
## 背景
Preact 是 React 的 3KB 替代品。如果你的毕设需要 React 的组件化开发体验，但又担心打包体积太大（尤其是移动端 H5 场景），Preact 是完美的折中方案。API 几乎相同，生态兼容，体积仅 React 的 1/10。
---
## 核心概念
### Preact vs React
| 特性 | React |… 3% React Native 移动开发入门 # React Native 移动开发入门教程
## 第一章：架构演进——从 Bridge 到 JSI
### 旧架构（Bridge）
```
JS Thread ←→ Bridge（JSON 序列化）←→ Native Thread
```
每次通信都要跨越 Bridge，数据序列化为 JSON。问题：列表快速滚动时掉帧（异步 + 序列化开销）。
### 新架构（Fabric + Turb… 3% 入门篇 - React 18 毕设基础 # React 18 毕设基础
## 背景
React 是全球使用最广泛的前端库，掌握 React 对求职极其有利。React 18 引入了 Concurrent Mode、Suspense 和改进的批处理。
## 核心概念
### 1. 函数组件 + Hooks
React 已经完全拥抱函数组件，Class 组件仅存于老项目：
```tsx
import { useState, us… 3% Hello World - React 兼容的轻量应用 .achievement {
margin-top: 16px; padding: 12px;
background: #fef3c7; border-radius: 8px; font-weight: 600;
}
```
```html
<!-- index.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta… 3% Hello World - 极简内容站点 <style>
.counter {
padding: 16px; border-radius: 12px;
background: #f0f0ff; margin: 16px 0;
}
.note { font-size: 0.8rem; color: #999; }
</style>
```
### 带交互的 React 计数器 `src/components/R… 3% 入门篇 - Vue 3 毕设实战 # Vue 3 毕设实战入门
## 背景
Vue 3 是目前国内使用最广泛的前端框架之一，面试必问、毕设高频。其渐进式设计让你能从简单的数据绑定逐步过渡到大型 SPA 应用。
## 核心概念
### 1. 响应式系统
Vue 3 使用 Proxy 实现响应式，替代了 Vue 2 的 `Object.defineProperty`：
```typescript
import { ref,… 2% 入门教程 - 全栈 Web 应用开发 # Remix 入门教程：全栈 Web 应用开发
## 一、Remix 是什么？
Remix 是一个基于 Web 标准的全栈框架，核心理念是"浏览器就是你的运行时"。它由 React Router 团队创建，后被 Shopify 收购。与 Next.js 不同，Remix 拥抱 `window.fetch`、`FormData`、`Response` 等原生 API，让你写更少的"框架魔法代码… 2%