はてぶ・Qiita・Zennのトレンド記事を紹介
ReactはFacebookが開発したJavaScriptライブラリで、Webアプリのユーザーインターフェースを効率的に構築できます。コンポーネント指向で再利用性が高いのが特徴です。
【海外記事紹介】「Reactを規制すべき」「ReactはWebを劣化させている」と強烈にDisる記事が話題に — Webプラットフォームの可能性を再評価すべきと主張 🔖 55
10月24日、デザイナー兼フロントエンド開発者のDave Bushell氏が「Reactを規制するべき時期ではないか？（Is it Time to Regulate React?）」と題した記事を公開した。この記事では、近年のWeb開発におけるReactの支配的地位と、それがもた
React Conf 2025 in Las Vegas：技術、英語、そしてコミュニティの熱量に触れた2日間 🔖 4
はじめに こんにちは。スタメンでWatchyというIT資産管理・操作ログ管理ツールのプロダクトエンジニアをしているyun8booです。 スタメンでは、業務以外の場でもエンジニアの成長機会づくりを重視しており、カンファレンス参加の補助制度があります。今回はその制度を活用し、2025
最新のNext.js15 / React19における実践的な設計方針とベストプラクティスを体系的にまとめました 🔖 6
はじめにNext.js 15とReact 19が登場し、App Routerを中心とした新しい開発体験が標準となってきました。Server ComponentとClient Componentを意識したコンポーネント設計、データハンドリング、状態管理、キャッシュ戦略など、実務で
Next.js 15 / React 19 実践設計ガイド 実装観点別のベストプラクティス 🔖 6
Next.js 15とReact 19を使用したWebアプリケーション開発における、実践的な設計方針とベストプラクティスをまとめたガイドを作成しました。本書では、Next.js 15 / React 19を活用したモダンなWebアプリケーション開発における設計方針を、実装観点
React Compiler v1.0がリリースされました！ 🔖 1
TERASSエンジニアの@shuji_koikeです！昨年弊社のテックブログで同僚の@myrearが"React Forget は何を「忘れ」させてくれるのか"という秀逸なタイトルの記事を投稿したところトレンド入りを果たし、弊ブログとしては快挙と言える数の「いいね」をいただきま
React Compiler v1.0がリリースされました！ 🔖 1
TERASSエンジニアの@shuji_koikeです！昨年弊社のテックブログで同僚の@myrearが"React Forget は何を「忘れ」させてくれるのか"という秀逸なタイトルの記事を投稿したところトレンド入りを果たし、弊ブログとしては快挙と言える数の「いいね」をいただきま
Reactのデータ再取得、タイムスタンプで管理すると宣言的になる話【AI生成】 🔖 83
この記事は、AIが生成した記事を無修正で公開しています。投稿者（人間）の普段の作風・意見と異なる点や内容の粗もありますが、技術記事として公開するに足るクオリティであるという投稿者の判断と責任により投稿するものです。 ただし、記事に含まれる、経験に基づくエピソードは全てAIによる創
[個人開発] React×TypeScript×Geminiで調味料代替案アプリをリリースしました！ 🔖 1
はじめにJISOUで学習しているHeyho-です。Reactの学習の一環として、個人アプリのアイデア出しからMVP作成、そしてアプリ開発までを行いました。約1ヶ月という限られた期間で、「0から1を作る」という初めての経験を通じて、多くの学びと気づきを得ることができま...
Vite+、Remix 3、React Conf 2025など: Cybozu Frontend Weekly (2025-10-14号) 🔖 5
こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaikiです。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/10/14のFrontend W
【React】「とりあえず切り出す」をやめる - カスタムフック設計で大事なこと 🔖 34
こんにちは! 株式会社Sally エンジニアの haruten です♪ 私たち株式会社Sallyでは、マーダーミステリーをスマホやPCで遊べるアプリ「ウズ」や、マーダーミステリーを制作してウズ上で公開・プレイできるエディターツール「ウズスタジオ」などを開発・運営しています。 今回
ReactのProps設計を改善。TypeScriptの型を活かす「Compound Components」実践ガイド 🔖 59
「このボタンコンポーネントにどこまでのPropsを持たせるべきか？」 日々のコンポーネント開発で、このような判断に迷ったことはありませんか。onClick、disabled、loading、icon、variant、size…どこまで汎用化すべきか、どこで線引きすべきかという問題
はじめに10/7/2025 ~ 10/8/2025 にかけて開催された React Conf 2025 に招待を受け、参加してきた。 React Conf は Meta 社と callstack 社が主催する、React に関するカンファレンスである。 今回は、その内容を振り返り
【2025年最新版】0からReactを勉強するならこのロードマップに従え！ 🔖 9
はじめにこんにちは@Sicut_study (Watanabe Jin)です。2023年から始まった 「0からReactを勉強するならこのロードマップに従え」 ですが、早いもので3年目を迎えました。この期間で私も多くのプログラミング未経験の人にJISOUを通してRe...
Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ 🔖 269
はじめに 2025年10月10日、カナダのトロントで開催されたイベント "Remix Jam 2025" で Ryan Florence と Michael Jackson が Remix 3 を発表しました。このセッションは、React Router の生みの親たちが、なぜ R
ReactプロジェクトがLinux Foundationに移管され「React Foundation」設立 | gihyo.jp 🔖 24
2025年10月7日、ReactおよびReact NativeがLinux Foundation傘下のReact Foundationに移行することが発表された。 Introducing the React Foundation -React Introducing the Re
React × Hono × Docker × Cloud Runではじめて自前APIサーバーを構築した話 🔖 1
背景個人開発している英単語アプリで、ログイン機能を実装して拡張する際にアーキテクチャ全体の見直しを行いました。もともとは Firebase Hosting + Gemini API 構成で動かしており、フロント側だけで完結する設計でしたが、一般公開を見据えて次の...
小手先に見えるテクニックでも、実はReact的に考えられる 🔖 125
皆さんこんにちは。React、使っていますか？ Reactを″正しく”使うことは難しいと感じる方も多いのではないでしょうか。 特に筆者はReactの正しい使い方に厳しく、こんな記事も出しています。熟練のReact使いでもなければ、この記事を読んで難しいと思うのも仕方がありません。
小手先に見えるテクニックでも、実はReact的に考えられる 🔖 125
皆さんこんにちは。React、使っていますか？ Reactを″正しく”使うことは難しいと感じる方も多いのではないでしょうか。特に筆者はReactの正しい使い方に厳しく、こんな記事も出しています。熟練のReact使いでもなければ、この記事を読んで難しいと思うのも仕方がありません。
2日かかっていた不具合分析を10分に短縮！React+AIで実現した劇的効率化 🔖 2
🍀この記事はこんな方におすすめチームの定期作業を効率化したいQAエンジニア・品質管理担当者AI技術を実務に活用したい方ODC分析に興味がある方 📊 実現した効率化の成果項目BeforeAfter作業時間2日（集中すれば半日）約10分内
SaaS型翻訳サービスWeglotでReact SPAを多言語化した 🔖 7
はじめに こんにちは。エンジニアリングマネージャの星野です。今回はReactを用いたSPAの他言語化についての事例を紹介します。テックドクターで開発している臨床研究支援システム「SelfBase」において、海外案件への対応をきっかけに管理画面の多言語化が必要となりました。フロント
JSDOMを使ったReact Testing Library等のテストが時代遅れかも知れないので調べてみた 🔖 1
TL;DRフロントエンドテストでJSDOMを推奨しない流れがあると聞いて調査してみた。結論として、Vitest Browser ModeやPlaywright Component Testingなど実ブラウザベースのツールは確かに登場しているが、2025年9月時点では以下の状
React Native New Architectureをサポートしました 🔖 1
こんにちは。App SDK Unitでエンジニアをやっている大島です。Reproでは多くのプラットフォームに対応したSDKを提供しており、それらの開発・保守を担当しています。 さて、プラットフォームの1つであるReact Nativeですが、v0.74からNew Architec
すべての雑務をAgentで実行したいyprestoです。普段はバクラク債務管理の開発をしながら、社内の “フロントエンド” をよりよくする活動をしています。 この記事は LayerX AI Agent ブログリレー 13日目の記事です。前日はconvtoさんによる「B2B Saa
【個人開発】自分のスキルの課題点を登録するとAIが解決策+サンプル動画を提示してくれるアプリを作りました【React×TypeScript×Gemini】 🔖 1
はじめにこんにちは。ここまでのReact学習の一環として初めて個人開発にチャレンジしました。どんなアプリを作るかの構想から実装までを一貫して行い、その過程で数多くの学びを得ることができました。この記事では作成したアプリの紹介と開発中に得た学び・気づきを書いていきたい...
【個人開発】QAエンジニア、テスターを救うファイルダウンロードアプリを作りました【React/Typecript/Python】 🔖 1
こんな悩みありませんでした？QAでアップロード機能をテストしたいんだけど、ファイルを用意するのが面倒くさい...ファイル転送テストのために軽くて適当なファイルがすぐに欲しいファイルサイズ変換ツールは見つけたけど、使い方がヨクワカラナイ...テスターとして良いテ...
2025-09-19 / React Tokyo ミートアップ #9
React Nativeエンジニア視点での「DroidKaigi 2025」参加レポート 🔖 2
こんにちは @mrtry です。 9/10から開催されたDroidKaigi2025に参加してきました。 普段はReact Nativeでアプリ開発をしていますが、弊チームのメンバーが全員Androidエンジニア出身ということもあり、気持ちは今もAndroidエンジニアです💪 こ
あるべき場所に帰ろう！ReActに立ち返りClaude Code + Playwright MCP + Figma MCPでデザインを反映 🔖 47
VTeacher所属のSatokoです！ 普段はフロントエンドをメインとして、QA的なことや進捗管理など、いろいろやっています。 最近の趣味はAIとのおしゃべりです！ FigmaのMCPサーバーさん ところで！ せっかくFigmaにMCPサーバーがあるのに、生成されたコードがいま
AIに「React使って」と言う前に 2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる 🔖 72
AIに「React使って」と言う前に 2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる はじめに フロントエンド開発において、React、Vue.js、jQueryなどのライブラリやフレームワークが当たり前のように使われている現在です
App Router時代における「大規模React開発」のフォルダ設計術。Colocationによる関心の分離 | レバテックラボ（レバテックLAB） 🔖 61
前回は、フォルダ設計の基礎理論として、フラット構造から技術別分類、そして機能別分類への進化について学びました。特に機能別分類の優位性として、関連ファイルの物理的近接、変更影響範囲の明確化、チーム分業の責任範囲明確化という3つの重要なメリットを確認しました。 今回は、機能別分類の理
React Nativeで実現できないことはあるのか？ 🔖 15
こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！最近、React Nativeの人気が高まっており、新規プロダクトでの採用を検討している方も多いのではないでしょうか。その際、多くの方が気になるのは
RSCの時代にReactとフレームワークの境界を探る 🔖 54
2025-09-06 フロントエンドカンファレンス北海道2025
React Virtualizedとお別れした話 - Sansan Tech Blog 🔖 31
こんにちは、名刺アプリ「Eight」でエンジニアをしている藤野です。最近はタコスの肉（カルニタス）作りに挑戦しようと考えています。 さて、今回はReact 18移行時に発生したReact Virtualizedで起こった問題と、その解決のためにReact Virtuosoへ移行し
React 関連 参考になる記事初学者・中級者が React をうまく使うために、参考にしてほしい良記事を集めました。 自分の記事が多めです。 Reactフロントエンド
React Nativeでアプリを作るときは、bluesky-social/social-appを参考にしよう！ 🔖 45
こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ タイトルの通りなのですが、これからReact Nativeでアプリを作ろう！という人はblueskyの公式クライアントアプリを参考にしましょう！ な
React における children は非推奨ではない（非推奨なのは Children） 🔖 4
インターネット上には「children の使用は一般的ではなく、コードが壊れやすい」という記述を見かけることがあります。しかし、これは誤解です。これは children と Children の混同と見られます。「非推奨」という言葉は、ふつう deprecated ...
こんにちは、名刺アプリ「Eight」でエンジニアをしている藤野です。最近はタコスの肉（カルニタス）作りに挑戦しようと考えています。 さて、今回はReact 18移行時に発生したReact Virtualizedで起こった問題と、その解決のためにReact Virtuosoへ移行し
React Nativeでアプリを作るときは、bluesky-social/social-appを参考にしよう！ 🔖 45
こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！タイトルの通りなのですが、これからReact Nativeでアプリを作ろう！という人はblueskyの公式クライアントアプリを参考にしましょう！h
React Nativeでアプリを作るときは、bluesky-social/social-appを参考にしよう！ 🔖 45
こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！タイトルの通りなのですが、これからReact Nativeでアプリを作ろう！という人はblueskyの公式クライアントアプリを参考にしましょう！h
「宣言的スタイル」から学ぶ、JavaScriptと比較したReactの利便性 🔖 1
はじめに こんにちは、山本です。 今回は、自主学習をする中でReactなどのJavaScriptフレームワークの利便性について具体的に理解する経験をしたので当記事で紹介します。 ReactなどのJavaScriptフレームワークはしばしば 「JavaScriptでの面倒な実装を簡
React v18/v19が混在するモノレポで起きたバージョン不一致エラーへの対処 🔖 2
こんにちは、SmartHR の基本機能の開発を担当しているプロダクトエンジニアの sakata です。 先日、担当しているプロダクトのフロントエンドテストフレームワークを Jest から Vitest へ移行しました。 その過程で直面した、モノレポ（monorepo）における R
2025年のReactとコミュニティの現状 | POSTD 🔖 155
Reactがこれまでどのように開発されてきたかについての詳細な考察と、コミュニティでよく見られる混乱や懸念事項についての説明 はじめに 今日、Reactとそのエコシステムの状況は複雑で分裂しており、成功、懐疑、そして論争が入り混じっています。 ポジティブな面として、Reactは最
【React 19】useImperativeHandleが格段に使いやすくなった！子コンポーネントの機能を「公開」する方法 🔖 16
なぜ useImperativeHandle が必要になったのか？ 実体験：フォームビルダー開発での課題先日、ドラッグ&ドロップでコンポーネントを配置するフォームビルダーを Next.js で開発していました。その際に直面した課題が、複雑な状態管理でした。 最初