MUIは不要？​ React次世代コンポーネントライブラリ​ Mantine!!!​

Transcript

1. MUIは不要？ React次世代コンポーネントライブラリ Mantine!!!
2. 自己紹介 • フリーランスのフロントエンドエンジニア - フロント8、バックエンド2くらいの比率 • スマホ決済の機能開発、運用保守 • エンジニア歴 2年弱 • スキルセット - React、Angular、TypeScript - Java(ほとんど覚えてない)、Express - AWS(メジャー所1通り) • 筋トレ、飲み会、野球観戦が得意分野 Twitter: @react_nextjs
3. - Mantineについて - 他のコンポーネントライブラリとの比較 - メリット、デメリット
4. ところでみなさん、、、 Mantineってご存知ですか？？？
5. そうです、、こいつなんです、、、 分類: カイトポケモン タイプ: 水、飛行 高さ: 2.1m 重さ: 220.kg 特性: すいすい、ちょすい 海中を悠然と自由に泳ぎ回り、大きく口をあ けながら泳ぐことで餌を食べて回ってる。 マンタイン
6. 冗談はさておき、、、 MantineとはReactのコンポーネントライブラリ になります！！！
7. - MUI - Chakra UI - React Bootstrap - Ant Design - Mantine React コンポーネントライブラリ人気一覧 ※ MUI公式から抜粋
8. 実際に他のコンポーネントライブラリと 何が違うの???
9. プラグインが豊富すぎる！！！！！！！！ ※ Mantine公式から抜粋
10. Mantine hooks ※ Mantine公式から抜粋
11. Mantine form ※ Mantine公式から抜粋
12. メリット・デメリット •メリット - 公式ドキュメントが読みやすい(マジで神) - Mantineで必要十分 - 開発スピードが向上する - ソース量を削減できる •デメリット - Mantineに破壊的変更があった場合終わってしまう - React初心者が使用するコード書かなくて良くなるので、素のReactが書けなくな る可能性がある(笑)
13. ご清聴ありがとうございました！！！ Reactおじさん(ショウゴ) @react_nextjs shogo4131