これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や
Material-UIはReact向けのUIコンポーネントキットです。 BootstarpのGridシステム抜きといったイメージです。 例 ボタン 次のボタンを表示します。 jsx 公式サンプルではES2015のimport文を使っています。 import getMuiTheme from 'material-ui/styles/getMuiTheme'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import MyAwesomeReactComponent from './MyAwesomeReactComponent';
VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめています デザイナーさんやフロントのエンジニアさん向けのReact.js(リアクトジェーエス)入門です。 「最近、『リアクト』と聞くけど、つまり何?」ってひとが対象です。 React.jsとは React.jsはUIのパーツ(構成部品)を作るためのライブラリです。 FacebookがOSSとして公開しています。 初回投稿日:2015年06月21日 この投稿はReactが話題になり始めた頃(6年前のv0.1の頃)、整理した記事です。 最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか? https://zenn.dev/rgbkids/articles/e58ef9b947b199
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く