マガジンのカバー画像

React

7
本
Reactの記事を纏めます。
運営しているクリエイター
nakamoto

Next.js Image

Next.js の Image コンポーネントはデフォルトで Lazy loading（画像が見える位置にスクロール…

nakamoto
nakamoto
6日前
2

ドラッグアンドドロップライブラリの候補です。

React 専用はこちら
https://github.com/hello-pangea/dnd/

React 以外でもならこちら
https://github.com/atlassian/pragmatic-drag-and-drop/

nakamoto
nakamoto
1か月前
6

Server Actions でフォームを作成する際に、フォームをリセットする方法は現状こちらです。ただフォームのリセットは今後 React がデフォルトで行ってくれるようになるそうです。

https://twitter.com/asidorenko_/status/1775495832877338838

nakamoto
nakamoto
1か月前
6

onbordaは、Next.js向けのオンボーディングウィザードフロー（初めてサイトを訪れるユーザーを対象とするガイド）ライブラリで、framer motion、shadcn/uiを使用し、App Routerにも対応しています。

https://github.com/uixmat/onborda

nakamoto
nakamoto
2か月前
6

認証はSupabaseを使ってDBも認証も担わせる or
DBはPlanetScaleを使って認証はClerk, Lucia辺りに担わせる。
Auth.js（旧NextAuth.js）は料金的に高くなってしまいました。

nakamoto
nakamoto
2か月前
5

Reactのモダンスタイリングソリューションをご紹介します！🎨

みなさん、お疲れさまです。 nakamoto（@zksytmkn）です！ フロンエンド開発にReactを用いる…

nakamoto
nakamoto
2か月前
27

管理画面はSPAでも十分である理由！📊

みなさん、お久しぶりです。 nakamoto（@zksytmkn）です！ 今回はWebアプリケーションの管理画面を作るならSPA（single-page application）で十分であるという技術的なお話をさせていただきます。 今年の1月ごろRemixがv2.5でSPAモードをリリースしたことをきっかけに、こちらの記事を執筆しております。Remix SPAモードを簡単にご説明するとサーバーサイドのJS環境が不要でブラウザ側にすべてを任せることになる、あの頃のReact

nakamoto