Library Search
结果页

React Native 移动开发入门

在 元器件 / 技术栈 / 知识库 中找到 10 个匹配结果。

返回文档库
技术栈

技术栈

5 个
查看全部
React Native # React Native 移动开发入门教程 ## 第一章:架构演进——从 Bridge 到 JSI ### 旧架构(Bridge) ``` JS Thread ←→ Bridge(JSON 序列化)←→ Native Thread ``` 每次通信都要跨越 Bridge,数据序列化为 JSON。问题:列表快速滚动时掉帧(异步 + 序列化开销)。 ### 新架构(Fabric + Turb… 3% Preact ault { resolve: { alias: { 'react': 'preact/compat', 'react-dom': 'preact/compat', }, }, }; ``` --- ## 毕设推荐场景 ### 移动端 H5 Preact 3KB 体积 = 秒级加载,适合扫码即用的毕设展示。 ### 嵌入到现有页面 不需要整个… 3% React # React 安装指南 ## 1. 环境准备 - **Node.js**:>= 18.x(推荐 20 LTS) - **包管理器**:npm / yarn / pnpm / bun 均可 - **IDE**:VS Code + ES7+ React snippets + Prettier - **浏览器扩展**:React Developer Tools ## 2. 安装命令 ### 方… 3% C# b-btn" :class="{ active: activeTab === 'react' }" @click="activeTab = 'react'">React</button> <button class="tab-btn" :class="{ active: activeTab === 'svelte' }" @click="activeTab = 'svelte'">Sv… 2% Remix Remix 重新定义了 React 全栈开发——用 Web 标准替代状态管理,用 loader/action 替代 REST API。如果你追求开发效率和代码优雅度,Remix 会让你的毕设代码比同学少写 50%。 # Remix 入门教程:全栈 Web 应用开发 ## 一、Remix 是什么? Remix 是一个基于 Web 标准的全栈框架,核心理念是"浏览器就是你的运行时"。它由 Rea… 2%
知识库

知识库

5 个
React Native 移动开发入门 # React Native 移动开发入门教程 ## 第一章:架构演进——从 Bridge 到 JSI ### 旧架构(Bridge) ``` JS Thread ←→ Bridge(JSON 序列化)←→ Native Thread ``` 每次通信都要跨越 Bridge,数据序列化为 JSON。问题:列表快速滚动时掉帧(异步 + 序列化开销)。 ### 新架构(Fabric + Turb… 3% 入门教程 - 从 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% 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%