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\nSolid のチュートリアルへようこそ！　このチュートリアルでは、パフォーマンスの高い Web アプリケーションを作成するために必要な知識をすべて学ぶことができます。Solid の仕組みについては、API やガイドを参照してください。\n\n# Solid とは？\n\nSolid は、インタラクティブな Web アプリケーションを作成するための JavaScript フレームワークです。カスタムコンパイラを活用して、HTML にインスパイアされた JavaScript XML 方言である JSX を最適な DOM 操作に変換します。差分のオーバーヘッドを削減するきめ細かなリアクティビティシステムによって更新が実行され、最高クラスのパフォーマンスを実現します。\n\n# Solid アプリの構造\n\nSolid アプリは、コンポーネントと呼ばれる関数で構成されています。Solid のコンポーネント名は各単語の最初の文字を大文字にするパスカルケースの命名規則に従います。この名前は、`<HelloWorld />` のように JSX 内のタグとして使用できます。\n\nSolid アプリは `render` 関数で始まります。これがエントリーポイントとなります。アプリケーションコードをラップした関数と、マウント先の要素の 2 つの引数を取ります:\n\n```jsx\nrender(() => <HelloWorld />, document.getElementById('app'))\n```\n# このチュートリアルの活用\n\nチュートリアルの各レッスンには、簡単なシナリオが用意されており、テーマとなる機能を使ってどのように完成させるかの説明が添えられています。どの時点でも solve ボタンをクリックして解決策を確認したり、reset をクリックして最初からやり直すことができます。コードエディタには、コンソールとコードから生成されたコンパイル済みの出力を見ることのできる出力タブがあります。Solid がどのようにコードを生成しているのか興味がある方はご覧ください。\n\n楽しんで、頑張ってください！\n";
var introduction_basics = {
	lesson: lesson,
	solved: solved,
	markdown: markdown
};

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