Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MUIは不要? React次世代コンポーネントライブラリ Mantine!!!
Search
Shogo
May 22, 2022
0
21
MUIは不要? React次世代コンポーネントライブラリ Mantine!!!
Shogo
May 22, 2022
Tweet
Share
More Decks by Shogo
See All by Shogo
フロントエンド UIコンポーネント Shadcn/uiの良さを伝えたい!
shogo4131
0
28
本業 + 副業2社で働くエンジニアの時間術
shogo4131
0
110
スタートアップで学ぶフルリモート開発の進め方
shogo4131
0
410
フリーランスエンジニア辞めてみた!
shogo4131
0
470
Jotaiをプロジェクトに導入してみた
shogo4131
0
14
激戦区東京でフリーランスとして生き残った方法3選
shogo4131
0
9
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Bash Introduction
62gerente
605
210k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4.1k
Embracing the Ebb and Flow
colly
80
4.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
Done Done
chrislema
178
15k
Optimising Largest Contentful Paint
csswizardry
13
2.4k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
How GitHub (no longer) Works
holman
305
140k
Being A Developer After 40
akosma
67
580k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Transcript
MUIは不要? React次世代コンポーネントライブラリ Mantine!!!
自己紹介 • フリーランスのフロントエンドエンジニア - フロント8、バックエンド2くらいの比率 • スマホ決済の機能開発、運用保守 • エンジニア歴 2年弱
• スキルセット - React、Angular、TypeScript - Java(ほとんど覚えてない)、Express - AWS(メジャー所1通り) • 筋トレ、飲み会、野球観戦が得意分野 Twitter: @react_nextjs
- Mantineについて - 他のコンポーネントライブラリとの比較 - メリット、デメリット
ところでみなさん、、、 Mantineってご存知ですか???
そうです、、こいつなんです、、、 分類: カイトポケモン タイプ: 水、飛行 高さ: 2.1m 重さ: 220.kg 特性:
すいすい、ちょすい 海中を悠然と自由に泳ぎ回り、大きく口をあ けながら泳ぐことで餌を食べて回ってる。 マンタイン
冗談はさておき、、、 MantineとはReactのコンポーネントライブラリ になります!!!
- MUI - Chakra UI - React Bootstrap - Ant
Design - Mantine React コンポーネントライブラリ人気一覧 ※ MUI公式から抜粋
実際に他のコンポーネントライブラリと 何が違うの???
プラグインが豊富すぎる!!!!!!!! ※ Mantine公式から抜粋
Mantine hooks ※ Mantine公式から抜粋
Mantine form ※ Mantine公式から抜粋
メリット・デメリット •メリット - 公式ドキュメントが読みやすい(マジで神) - Mantineで必要十分 - 開発スピードが向上する - ソース量を削減できる
•デメリット - Mantineに破壊的変更があった場合終わってしまう - React初心者が使用するコード書かなくて良くなるので、素のReactが書けなくな る可能性がある(笑)
ご清聴ありがとうございました!!! Reactおじさん(ショウゴ) @react_nextjs shogo4131