# 区块

本教程旨在逐步讲解创建新区块类型的基础知识。从最简单的示例开始，每个新章节将逐步扩展内容，涵盖您在实现自己的区块类型时可能需要使用的常见功能。

要跟随本教程学习，您可以下载[配套的 WordPress 插件](https://github.com/WordPress/block-development-examples)，其中包含所有示例供您在自己的站点上尝试。在每个步骤中，可以通过修改示例来实践自己的想法，并观察它们对区块行为产生的影响。

> 要获取最新版本的 .zip 文件，请前往代码库的[发布页面](https://github.com/WordPress/block-development-examples/releases)，在最新发布的「资源」部分查找。

代码片段提供两种格式：「JSX」和「原生」。JSX 指使用 JSX 语法的 JavaScript 代码，需要构建步骤。原生指无需构建的「经典」JavaScript。您可以通过每个代码示例上方的选项卡切换这两种格式。使用 JSX 需要您运行 [JavaScript 构建步骤](/docs/how-to-guides/javascript/js-build-setup/)，将代码编译为浏览器兼容的格式。

请注意，创建区块或扩展编辑器并不强制要求使用 JSX，您可以使用经典 JavaScript。然而，一旦熟悉了 JSX 和构建步骤，许多开发者往往会发现它更易于阅读和编写，因此您看到的大多数代码示例都使用 JSX 语法。