教程演示🔗
你会学到什么
-
Qwik组件和组件组成
-
详细了解 Qwil 的工作原理
-
Qwik 商店和 Qwik 变更检测系统
-
Qwik HTTP(可恢复和不可恢复场景)
-
输入属性和事件处理程序
-
样式化 Qwik 组件 – 作用域和非作用域样式
-
常见任务:条件渲染、渲染元素列表
要求
-
需要以前的 Javascript 知识
-
不需要其他框架(如 Angular 或 React)的先前知识
-
不需要以前的 Typescript 知识
描述
本课程是对 Qwik 框架的深入介绍。它带有一个正在运行的 Github 存储库。
本课程简而言之
Qwik 是一个 Web 框架,由与 Angular 和 AngularJs 相同的创建者创建,它允许开发人员创建速度极快的 Web 应用程序。
由于使用了 JSX,而且许多 Qwik API 的名称与 React 相似,因此 Qwik 在开发人员的体验方面与 React 非常相似。
但在引擎盖下,它有一个完全不同且更强大的引擎。
Qwik 为我们提供了开箱即用的服务器端渲染,无需任何特殊的额外配置。但除此之外,Qwik 是第一个可恢复的应用程序框架,我们可以在其中创建服务器端渲染的应用程序,这些应用程序将自动将其状态传输到客户端,并在服务器上初始渲染后在浏览器上恢复执行。
Qwik 带有一个非常创新的细粒度延迟加载机制,其中延迟加载由框架以透明的方式自动为我们完成。
作为开发人员,我们不必再担心服务器端渲染,Qwik 会为我们处理。
此外,Qwik 还带有一个全新的基于 Javascript 代理的反应式变化检测机制。这种变化检测具有“推送”式变化检测系统的所有性能,没有必须使用不变性库的任何缺点。
课程大纲
在本课程中,您将从组件和组件组合开始,初步了解 Qwik 框架基础知识。我们将介绍模板表达式、输入属性、事件处理程序以及如何将回调函数传递给组件。
您还将详细了解 Qwik 的工作原理。您将详细了解 Qwik 延迟加载机制,我们还将介绍 QRL 的概念。
然后,我们将介绍如何执行一些基于 JSX 的任务,例如条件渲染或渲染项目列表。
然后我们将介绍您需要了解的关于组件样式的所有内容,即范围内和非范围内的组件样式,以及如何有条件地将 CSS 类或样式添加到模板元素。
然后我们将有一个关于 Qwik 商店的完整部分,并全面了解如何使用 useStore 和 useContext API 在 Qwik 中处理应用程序数据。
我们还将有一个关于 Qwik HTTP 和 useResource API 的完整部分,我们将在其中了解 Qwik 中的几个常见 HTTP 场景:可恢复 HTTP 和不可恢复 HTTP。
目录
本课程将讨论以下主题:
- Qwik组件和组件组成
- 输入属性和事件处理程序
- 引擎盖下的 Qwik 和 QRL
- Qwik 延迟加载
- 常见的 JSX 任务:条件渲染、列表渲染
- 样式化 Qwik 组件、条件样式
- Qwik 商店、Qwik 变化检测和 useContext API
- Qwik HTTP(可恢复和不可恢复场景)
您将在本课程中学到什么?
本课程的重点是介绍 Qwik 的基础知识,以便您可以立即开始使用该框架提高工作效率。
我们将只关注您将在 95% 的时间内使用的 20% 的功能,以便您可以快速开始创建自己的组件和应用程序。
看看下面的课程免费课程,请享受课程!
本课程适合谁:
- 希望学习 Qwik 框架的软件开发人员
- 开发人员试图确定 Qwik 是否是他们项目的正确选择
- 希望学习新 Web 框架的 Angular、React 和 Vue 开发人员