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
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Clear Off the Table
cherdarchuk
86
310k
How GitHub (no longer) Works
holman
305
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
Building Your Own Lightsaber
phodgson
100
5.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
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