Svelte 培训

介绍

• Svelte.io vs React vs Vue.js

Svelte 功能和体系结构概述

• 在没有虚拟 DOM 差异的情况下管理应用程序状态。
• 创建不受外部依赖关系的应用程序。
• Svelte 应用程序的加载速度

开始

• 项目文件夹和文件结构概述
• 一个简单的 Hello World 应用程序。
• Svelte 语法概述

创建组件

• 编写模板
• 添加简单样式
• 清理 CSS 规则

运行应用程序

• 运行、检查和更新代码
• 添加条件和循环

向应用程序添加交互性

• 创建用户窗体
• 处理用户输入
• 绑定 UI 元素和传递数据
• 处理其他事件

向应用程序添加组件

• 组件如何通信
• 通过布线浏览不同的组件

管理应用程序状态

• 在组件中存储数据
• 将数据存储在中心位置
• 订阅属性

从外部源获取数据

• Access从 API 获取数据

增强可用性

• 使用样式
• 引用 CSS 个元素

将 Svelte 代码集成到现有 React 项目中

• 使用 Svelte 部署组件级代码
• 从 React 应用程序中调用功能

总结和结论