Qwik 初学者

Qwik For Beginners

Qwik 框架的深入介绍 – 决定 Qwik 是否适合您!

你将学到什么

  • 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 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。