Vercel、Reactのベストプラクティスをエージェントスキルとして公開 | gihyo.jp
Vercel、Reactのベストプラクティスをエージェントスキルとして公開 Vercelは2026年1月14日、同社が10年以上にわたって蓄積したReactによる開発のベストプラクティスを、エージェントスキルとしてGiHub上で公開した。 Introducing: React Best Practices -Vercel We just released 𝚛𝚎𝚊𝚌𝚝-𝚋𝚎𝚜𝚝-𝚙𝚛𝚊𝚌𝚝𝚒𝚌𝚎𝚜, a repo for coding agents. React performance rules and evals to catch regressions, like accidental waterfalls and growing client bundles. How we collected them and how to install t
Unipos の Elm から React (Next.js) へのリアーキテクチャプロジェクトを振り返る
Unipos では、約2年間にわたり Elm から React (Next.js) へのリアーキテクチャプロジェクトを実施しました。 そして、2025年3月 をもって完全に置き換えが終わりました 🎉 今回の記事では、 リアーキテクチャをする前の 開発者としての個人的な違和感やモチベーション プロジェクトを通しての よかった取り組みや学び について書いていきます。 現状の開発基盤に不満を持っている方や、リアーキテクチャに興味がある方にとって、何かしらの参考になれば幸いです。 リアーキテクチャプロジェクトの概要 プロジェクトの全体像です。 📅 期間 2023/01~2025/03 の約2年間。（技術検証などの期間を含む） 📏 規模 実装における Elm のコードは LOC で 200,000行 ほど。 アプリのページ数は、ページ用のファイルが 100以上。(細かいページも含むので参考程度
useEffectからfetchするときのベストプラクティス - Qiita
useEffectの中でfetch （取得系のリクエスト）しないでください。以上です。ご清聴ありがとうございました。いいねと高評価、チャンネル登録よろしくお願いします。 おまけ とはいえ、useEffectの中でデータ取得することを考えなければいけない場合もあります。例えば、React 16をまだ使っている場合とか。React 18以降ならSuspenseがあるので考えなくていいです。 ということで、筆者は最近React 16の世界でどうしてもuseEffectの中でfetchしなければならない場合を最近経験しました。その場合にもできる限りベストプラクティスに従いたいということで、考えたことを紹介します。 まだReact 16系に囚われている方は参考にしてください。また、新しいReactを使っている方はこの記事で紹介することをそのまま実践する必要はありませんが、useEffectのベストプ
出来る限り短く説明する React 19 のサンプルコード10選
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か
GitHub - nicbarker/clay: High performance UI layout library in C.
// 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 HandleClayErrors(Clay_ErrorData errorData) { // See the Clay_ErrorData struct for more inf
State of React 2023
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ページを開く
https://x.com/uhyo_/status/2007424356113117680?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
Redux → Recoil → Zustand → useSyncExternalStore： 状態管理の10年とReact本来の姿
Reactをクライアントで使わない
GitHub - designcombo/react-video-editor: Online react video editor using remotion. Capcut and canva clone.
GitHub - zett-8/hono-react-router: Hono + React Router + Cloudflare Workers
https://x.com/shiba_program/status/1945438279396196620?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - airweave-ai/airweave: Open-source context retrieval layer for AI agents
GitHub - DavidHDev/react-bits: An open source collection of animated, interactive & fully customizable React components for building stunning, memorable websites.
GitHub - motiondivision/motion: A modern animation library for React and JavaScript
GitHub - vadimdemedes/ink: 🌈 React for interactive command-line apps
https://x.com/koder_dev/status/1842862532459143416?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/_georgemoller/status/1842558302778958192?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/d151005/status/1835822985955119475?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
Plasmic | Build powerful apps fast— without the limits
