入门

本教程会介绍如何在Shoutem平台上编写自定义的Shoutem扩展。它介绍了最重要的概念 完成后，您将有一个运行的移动应用，它使用自定义扩展和Shoutem UI 工具包进行创建，并从 _Shoutem Cloud Storage_中进行数据存储。

这是一个完成的应用预览图片。

什么是扩展？

如下图所示，每个Shoutem应用程序都是由扩展进行创建的。

扩展是一个个连接应用程序的小功能。 应用程序所有者通过Shoutem Builder将所需的扩展连接到应用程序的主导航界面，并填补好内容。 Shoutem准备了一个开源扩展，你可以轻松地根据您的需要进行定制。

关于技术

Shoutem使用React和React Native作为构建跨平台应用程序的框架。 React是一个开源JavaScript库，它提供了一个MVC模式的View，而React Native将iOS和Android原生组件暴露给React环境。 我们还使用JSX作为使用UI组件的更简单的方法。 在JSX中做一个界面看起来像这样：

在React和React Native之上，我们使用Redux - 一个用于简化状态管理的库。 Redux中有几个构造在下一张图片中解释。

每个应用程序都有一个Redux状态管理器，它保存着应用程序状态。 当状态改变时，React自动更新UI组件。 应用程序可以在触发事件的信息（例如点击按钮）的进行触发Redux 操作。 分派的操作将由Redux reducers处理，它指定给定操作的下一个状态。 一旦reducers处理动作，应用程序将进入新状态，React会自动更新UI组件以反映新状态。

创建扩展

理解扩展能力的最好方式，是让你亲自进行操作。 我们从设置您的开发环境开始吧！