Library Search
结果页react
在 元器件 / 技术栈 / 知识库 中找到 11 个匹配结果。
技术栈
技术栈
4 个 C# b-btn" :class="{ active: activeTab === 'react' }" @click="activeTab = 'react'">React</button>
<button class="tab-btn" :class="{ active: activeTab === 'svelte' }" @click="activeTab = 'svelte'">Sv… 4% Preact ault {
resolve: {
alias: {
'react': 'preact/compat',
'react-dom': 'preact/compat',
},
},
};
```
---
## 毕设推荐场景
### 移动端 H5
Preact 3KB 体积 = 秒级加载，适合扫码即用的毕设展示。
### 嵌入到现有页面
不需要整个… 3% React # React 技术栈概览
React 是由 Meta（Facebook）开源的**声明式 UI 库**，通过虚拟 DOM 和组件化思想彻底改变了前端开发范式，是目前全球使用最广泛的前端技术。
## 解决什么问题
- **声明式编程**：只需描述 UI 应该长什么样，React 负责高效更新 DOM
- **组件化**：一切皆组件，可复用、可测试、可组合
- **单向数据流**：数据从父到子… 3% React Native # React Native 技术栈概览
React Native 是 Meta（Facebook）于 2015 年开源的**跨平台移动应用框架**。它使用 JavaScript/TypeScript + React 语法，通过桥接层（Bridge/JSI）调用原生平台组件，实现「Learn once, write anywhere」。与 Flutter 的自绘不同，React Native 渲… 3%
知识库
知识库
7 个 入门教程 - 从 React 到 Preact 无缝迁移 # Preact 入门教程：从 React 到 Preact 无缝迁移
## 一、Preact 是什么？
Preact 是 Jason Miller 创建的 React 替代品，核心目标：**用 3KB 的体积实现 React 的绝大部分 API**。它保持与 React 几乎相同的编程模型（组件、Hooks、JSX），但去掉了合成事件系统、Fiber 调度器等大型内部机制，直接使用原生 DO… 3% 入门篇 - Preact轻量级毕设方案 ault {
resolve: {
alias: {
'react': 'preact/compat',
'react-dom': 'preact/compat',
},
},
};
```
---
## 毕设推荐场景
### 移动端 H5
Preact 3KB 体积 = 秒级加载，适合扫码即用的毕设展示。
### 嵌入到现有页面
不需要整个… 3% 入门篇 - React 18 毕设基础 # React 18 毕设基础
## 背景
React 是全球使用最广泛的前端库，掌握 React 对求职极其有利。React 18 引入了 Concurrent Mode、Suspense 和改进的批处理。
## 核心概念
### 1. 函数组件 + Hooks
React 已经完全拥抱函数组件，Class 组件仅存于老项目：
```tsx
import { useState, us… 3% Hello World - React 兼容的轻量应用 # Preact Hello World — React 兼容的轻量应用
## 目标
展示 Preact 与 React 几乎相同的 API，同时强调其 3KB 的体量优势。包含 Hooks、组件和兼容模式示例。
## 完整代码
```jsx
// src/main.jsx
import { render } from "preact";
import { App } from "./Ap… 3% React Native 移动开发入门 # React Native 移动开发入门教程
## 第一章：架构演进——从 Bridge 到 JSI
### 旧架构（Bridge）
```
JS Thread ←→ Bridge（JSON 序列化）←→ Native Thread
```
每次通信都要跨越 Bridge，数据序列化为 JSON。问题：列表快速滚动时掉帧（异步 + 序列化开销）。
### 新架构（Fabric + Turb… 3% Hello World - 极简内容站点 ; color: #999; }
</style>
```
### 带交互的 React 计数器 `src/components/ReactCounter.jsx`
```jsx
import { useState } from "react";
export default function ReactCounter() {
const [count, setCount] = useS… 2% Todo List 应用——核心组件与 Hooks # React Native 例程：Todo List——FlatList 与状态管理
## 目标
通过一个功能完整的 Todo List，展示 RN 核心：FlatList、TextInput、useState、StyleSheet、TouchableOpacity。
## 完整代码
```jsx
// App.js
import React, { useState } from 'rea… 2%