Konsta UI React

Konsta UI は Tailwind CSS で構築された無料かつオープンソースのモバイル UI コンポーネントフレームワークです。

import React from 'react';
import { App, Page, Navbar, Block } from 'konsta/react';

export default function MyApp() {
  return (
    <App theme="ios">
      <Page>
        <Navbar title="My App" />

        <Block strong>Hello world!</Block>
      </Page>
    </App>
  );
}

ハイブリッドモバイルアプリ、Web Native アプリ、または iOS と Android のネイティブな外観と感触の Web アプリの開発用に設計されています。

Konsta UI を使用するには、Tailwind CSS と React の基礎知識をあらかじめ理解しておくことを強くお勧めします。

現在のドキュメントでは、Konsta UI アプリを Cordova または Capacitor アプリにコンパイルするプロセスは扱いません。これは Konsta UI と、そのすべてのコンポーネントを使用する方法についてです。アプリを iOS および Google Play ストアでリリース可能なハイブリッド Cordova または Capacitor アプリにコンパイルする方法の詳細については、それぞれの公式ドキュメントを参照してください。

Konsta UI キッチンシンク も始めるのに最適な場所です。そこにはすべての Konsta UI コンポーネントの多くの例があり、ほとんどのアスペクトをカバーしています。

さて、最初に Konsta UI の インストール方法 を学習する必要があります