Shadcn/UIの中身を詳しくチェック
なんでパッケージではなくソースコード？ ユーザーがコンポーネントのビルドとスタイルを自由に決定できるようにするためです。 基本設定から始めて、好きなようにコンポーネントをカスタマイズすることができます。 npmパッケージの場合、スタイルが固定されているため変更が難しいですが、Shadcn/UIはソースコードで提供されているため、より柔軟にカスタマイズが可能です。 Shadcn/UIは、「コンポーネントのデザインと実装は分離されるべきだ」というコアな原則に基づいて作られています。そのため、すべてのコンポーネントは2つのレイヤー構造で構成されています。 構造と動作レイヤー Headlessな実装: Shadcn/UIのコンポーネントは「headless」な形で実装されています。「headless」とは、UIの機能部分だけを提供し、具体的なスタイリングは含まないことを意味します。 Radix U
今アツい（気がする）UIライブラリ...?ではないらしい shadcn/uiを使ってみる - Nealle Developer's Blog
この記事はニーリーアドベントカレンダー2024の10日目の記事です。 はじめまして、Nealleのデザイナー音部です。 profile.unotovive.io アドカレでデザインチームのことを書くつもりが、全然思いつかずにフロントエンドの話をします。 タイトルにある通り、shadcn/uiというモノの紹介と、実際に使ってみたレポートです。 shadcn/uiとはそもそも何なのか? ui.shadcn.com shadcn/uiは、2023年のJavaScript rising starで総合1位に輝いたReactエコシステム(?)です。 2位は2022年王者のBunでしたが、10k以上の差をつけて1位に輝いていて、アツいといっても過言ではなさそうです。 最初はMaterial UIやChakuraなどと同じようなUIライブラリかと思っていましたが、どうやら「コピペで使えるUIコンポーネン
Tamagui
A style library for React and/or React Native with a large typed superset of the React Native style API, with no outside dependencies in about 24Kb. An optimizer that makes Core faster via partial analysis, CSS extraction, tree flattening, and dead code elimination. Next, Webpack, Vite, Babel, Metro.
Web最新技術がてんこ盛りのreact-native-domから目が離せない - ナカザンドットネット
パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。 目次 目次 この記事のゴール 想定読者 はじめに 今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node-Based UIs in React - React Flow
Plasmic | Build powerful apps fast— without the limits
デザインシステムを導入してUIに秩序を取り戻す - React (Native)編 #rejectron2018 - Speaker Deck
