Liveblocks

Radix Primitivesのおかげで、何週間も費やすことなく、ネイティブ要素のように動作する高品質なカスタムUIを作成できます。代わりに、その時間をコアプロダクトに費やすことができます。

Radix Primitivesをどのようなプロジェクトで使用していますか？

Liveblocksのデザインシステムは、Radix Primitives、Tailwind CSS、およびReactに依存しています。マーケティングサイト、ドキュメントサイト、および製品ダッシュボードで、色、フォント、シャドウなどのプリミティブと選択されたコンポーネントを使用できるように構成されています。

すべてがNext.jsで実行されるため、プラットフォーム固有のUIパターンを作成する自由を維持しながら、異なるプラットフォーム間でブランドイメージを維持できます。当初は私が設計してシステムをセットアップしましたが、現在はチームのデザインエンジニアがメンテナンスと改善を行っています。

Radix Primitivesは、あなたとあなたの会社にどのような点で役立っていますか？

以前の会社で、私はカスタムメニューコンポーネントを設計して構築しました。その時、ネイティブのmacOSメニューのように見え、動作するものを作成することがどれほど困難で時間がかかるかを学びました。メニュー項目は無限にネストでき、画面の占有領域を考慮する必要があり、入力は一致する最初の項目を自動的に選択する必要があり、リストは続きます...

Radix Primitivesは、それらすべてを非常にうまく処理します。Radix Primitivesを使用すると、ネイティブ要素のように動作する高品質なカスタムUIを、何週間も費やすことなく作成できます。代わりに、その時間をコアプロダクトに費やすことができます。現状では、ダイアログ、アラートダイアログ、メニュー、コンテキストメニュー、スクロール領域、およびツールチップにRadix Primitivesを使用しています。チームのMarc Bouchenoireは、アクセシビリティを向上させるために、ウェブサイトのメインナビゲーションをNavigationMenuを使用するように最近変換しました。

Radixの開発者体験についてどう思いますか？

必要なコンポーネントのみをコードベースにインストールできる点が気に入っています。これにより、一度に1つずつコンポーネントを変換することが簡単になりました。しかし、私が本当に最も気に入っているのは、コンポーネントが完全にスタイリングされていない状態で提供されるため、自分の好きなように構成したり、Tailwind CSSを使用してスタイルを設定したりできることです。

Radixのドキュメントについてどう思いますか？

ドキュメントは素晴らしいです。例を見ると、物事がどのように機能するかを非常に簡単に理解できます。また、Modulzのデザインシステムを見て、Radixをどのように使用しているかを確認し、そこから多くのインスピレーションを得ました。