2025-09-19 / React Tokyo ミートアップ #9
Unipos では、約2年間にわたり Elm から React (Next.js) へのリアーキテクチャプロジェクトを実施しました。 そして、2025年3月 をもって完全に置き換えが終わりました 🎉 今回の記事では、 リアーキテクチャをする前の 開発者としての個人的な違和感やモチベーション プロジェクトを通しての よかった取り組みや学び について書いていきます。 現状の開発基盤に不満を持っている方や、リアーキテクチャに興味がある方にとって、何かしらの参考になれば幸いです。 リアーキテクチャプロジェクトの概要 プロジェクトの全体像です。 📅 期間 2023/01~2025/03 の約2年間。(技術検証などの期間を含む) 📏 規模 実装における Elm のコードは LOC で 200,000行 ほど。 アプリのページ数は、ページ用のファイルが 100以上。(細かいページも含むので参考程度
useEffectの中でfetch (取得系のリクエスト)しないでください。以上です。ご清聴ありがとうございました。いいねと高評価、チャンネル登録よろしくお願いします。 おまけ とはいえ、useEffectの中でデータ取得することを考えなければいけない場合もあります。例えば、React 16をまだ使っている場合とか。React 18以降ならSuspenseがあるので考えなくていいです。 ということで、筆者は最近React 16の世界でどうしてもuseEffectの中でfetchしなければならない場合を最近経験しました。その場合にもできる限りベストプラクティスに従いたいということで、考えたことを紹介します。 まだReact 16系に囚われている方は参考にしてください。また、新しいReactを使っている方はこの記事で紹介することをそのまま実践する必要はありませんが、useEffectのベストプ
VTeacher所属のMassです。 React 19 のサンプルコード React 19 についてですが、2024年5月に RC 版が発表され、同年12月に安定版となりました。すでに2ヶ月以上が経過しており、目新しいものではありませんが、整理の意味も込めて記事にまとめました。 リポジトリ (GitHub) Next.js を前提としたサンプルコードを用意しました。 ver 15 です。 https://github.com/rgbkids/react-19-examples 動作確認 (Vercel) サンプルコードは Vercel にデプロイしてあるので、動作確認にご利用ください。 https://react-19-examples-three.vercel.app/ サンプルコードの説明 1. useTransition useTransition自体はv18からありますが、v19か
Download or clone clay.h and include it after defining CLAY_IMPLEMENTATION in one file. // Must be defined in one file, _before_ #include "clay.h" #define CLAY_IMPLEMENTATION #include "../../clay.h" const Clay_Color COLOR_LIGHT = (Clay_Color) {224, 215, 210, 255}; const Clay_Color COLOR_RED = (Clay_Color) {168, 66, 28, 255}; const Clay_Color COLOR_ORANGE = (Clay_Color) {225, 138, 50, 255}; void Ha
React has been around for 11 years, which seems hard to even grasp when you look at the current pace of web development. The reason why we're still talking about React today is that it's somehow been able to keep up, always evolving to meet the challenges thrown at it by its users. In fact, not content with merely keeping up, React is even leading the way on new innovative patterns such as Server
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く