基本的なコンポーネント

Qwik チュートリアルへようこそ。これは、Qwik を使い始めるのに役立つ短いチュートリアルシリーズです。導入編は、コンポーネントの作成、データの保存、リスナーのアタッチ、サーバーからのデータのフェッチの方法を学ぶための一連の問題です。それでは、始めましょう。

コンポーネントの作成

右側のエディターを使用して、次のような UI を作成してください。

GitHub organization: __________
- Qwik
- Partytown

このコンポーネントの HTML コードは次のようになります

<main>
  <p>
    <label>
      GitHub organization:
      <input value="QwikDev" />
    </label>
  </p>
  <section>
    <ul>
      <li>
        <a href="https://github.com/QwikDev/qwik">Qwik</a>
      </li>
      <li>
        <a href="https://github.com/BuilderIO/partytown">Partytown</a>
      </li>
    </ul>
  </section>
</main>

左下の「Show Me」ボタンをクリックすると、完成したソリューションが表示されます。

次へ状態管理

チュートリアルの編集