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
Web Components: a chance to create the future
zenorocha
306
41k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Atom: Resistance is Futile
akmur
260
25k
Rebuilding a faster, lazier Slack
samanthasiow
74
8.3k
Music & Morning Musume
bryan
41
5.6k
How to name files
jennybc
65
94k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Teambox: Starting and Learning
jrom
128
8.4k
The Mythical Team-Month
searls
217
42k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
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