こんにちは！思想的には、QuarklyはWeb開発者とWeb設計者の生活を楽にすることを目的としたプロジェクトです。この投稿では、これがどのように可能であるかを簡単に説明します。
まず、2020年の典型的なWebアプリ開発サイクルを見てみましょう。チームがあります。このチームにはデザイナーと開発者がいます。1つ目は、Figmaで設計仕様を作成します。2つ目は、設計仕様に基づいて、コンポーネントを作成し、テーマを転送します。プログラマーは、ストーリーブックで自分の作業の結果をデザイナーに示します。設計者はそれをチェックし、すべてが正常である場合はプロジェクトを承認します。次に、彼はレイアウトの作成を開始し、開発者は仕様のコンポーネントを使用してレイアウトを入力します。
わかりやすくするために、すべてをリストの形式で作成しましょう。
- Figmaで仕様を作成する;
- 開発環境のセットアップ。
- Uiキットの作成;
- 承認;
- Figmaでのレイアウト作成。
- レイアウト;
- コレクターのセットアップ。
- Webアプリケーションを取得します。
ここで、プロセスを最適化したと想像してください。次のようになります。
- , ( , .. );
- .
, , , .
Quarkly - , – , , .
Quarkly
Design tool + IDE + Module builder + Publisher
Quarkly , Figma, – . : hmr, npm-.
( ) Netlify .
, create-react-app Gatsby.
, . bash.
Quarkly
, , React. – Quarkly , React.
- MobX. , - . . Logux, (Undo, Redo ). GitHub .
css-modules – , – Atomize.
– – Webpack (CRA), : , . , , .
– . , , , Babel, .
– , . , .
P.S.
, , . – @quarklyapp.