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
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Into the Great Unknown - MozCon
thekraken
15
1.1k
Optimising Largest Contentful Paint
csswizardry
13
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Web development in the modern age
philhawksworth
203
10k
Thoughts on Productivity
jonyablonski
60
3.9k
Six Lessons from altMBA
skipperchong
22
3k
The World Runs on Bad Software
bkeepers
PRO
61
6.8k
The Cult of Friendly URLs
andyhume
74
5.7k
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