var lesson = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var solved = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello Solid World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var markdown = "# 介绍\n\n欢迎来到 Solid 教程！本教程将教你创建高性能 Web 应用程序所需的一切。 你还可以参考文档的 API 和指南章节以了解更加深入理解 Solid 工作原理。\n\n# 什么是 Solid？\n\nSolid 是一个用于制作交互式 Web 应用程序的 JavaScript 框架。它利用自定义编译器将 JSX（一种受 HTML 启发的 JavaScript XML 方言）转换为高性能的 DOM 操作。更新则由细粒度的响应式系统提供支持，响应式系统减少了对比差异的开销，从而获得最佳性能。\n\n# Solid App 剖析\n\nSolid App 由我们称之为组件的函数组成。Solid 中的组件名称遵循 Pascal 命名约定，其中组件名称中每个单词的第一个字母大写。该命名可以在 JSX 中用作标签，比如 `<HelloWorld />`。\n\nSolid 应用程序从 `render` 函数启动。`render` 是 App 的入口。它需要 2 个参数，一个是包装我们的应用程序代码的函数，另一个是要挂载的元素：\n\n```jsx\nrender(() => <HelloWorld />, document.getElementById(\"app\"));\n```\n\n# 使用教程\n\n本教程中的每节课都包含一个简单的场景，其中包含有关如何使用指定的特性实现该场景的说明。您可以随时点击解决按钮查看解决方案或点击重置重新开始。代码编辑器本身有一个控制台和一个输出选项卡。如果您对 Solid 如何生成代码感到好奇，不妨在点击输出选项卡查看编译输出后的代码。\n\n学得开心，祝你好运！\n";
var introduction_basics = {
	lesson: lesson,
	solved: solved,
	markdown: markdown
};

export { introduction_basics as default, lesson, markdown, solved };
