📝
React周りのいつかお世話になる記事たち（随時更新）
Reactで開発をしていく上でみなさんがいつかお世話になるだろうと思った記事たちです。
（僕はお世話になりました。これからもお世話になります。）
これも良かったよっていう記事があればコメントで教えてください！
🌟 = 特におすすめ
Reactを最初から学ぶ・入門
- React Docs BETA 🌟
- りあクト！ TypeScriptで始めるつらくないReact開発 第4版【① 言語・環境編】 - くるみ割り書房 ft. React - BOOTH 🌟
- Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス
- RailsエンジニアのためのNext.js入門 - hokaccha memo
React
- Glossary + Explain Like I'm Five 🌟
- React Server Components 総まとめ
- Reactのレンダリングに関する完全ガイド - Qiita 🌟
- Colocation
- When should I use a custom Hook? · Discussion #52 · reactwg/react-18 · GitHub
- Presentational and Container Components | by Dan Abramov | Medium
レンダリング・パフォーマンス
- How to Detect Slow Renders in React? | Alex Sidorenko
- Fix the slow render before you fix the re-render
- One simple trick to optimize React re-renders
- State Colocation will make your React app faster 🌟
- Memoization and React | Epic React by Kent C. Dodds
- Improve the Performance of your React Forms | Epic React by Kent C. Dodds
Next.js
- How Next.js Works
- React Server Componentsのdemo
- もう迷わないNext.jsのCSR/SSR/SSG/ISR
- Incremental Static Regeneration – Vercel Docs
- What’s new in Next.js 12 - LogRocket Blog
デザインパターン&設計
- フロントエンドのデザインパターン
- Webフロントエンドの開発効率を高く保つための考え方
- フロントエンドとオブジェクト指向
- フロントエンドで長持ちするプロダクトを開発するための心構え
- SPA Componentの推しディレクトリ構成について語る
状態管理
- Contextは状態管理ツールじゃねぇって記事 🌟
- Managing State 🌟
- Application State Management with React
- 「3種類」で管理するReactのState戦略
- State Management: Overview | React Common Tools and Practices
Redux
SWR
Recoil
Form
- React Hook Form(v7)を使ったコンポーネント設計案
- Blitz.jsの議論から学ぶ，formik vs react-final-form vs react-hook-form - Qiita
手を動かして学ぶ
ブログ
-
28 Best React Blogs to Read in 2021
- 海外エンジニアのブログがトレンド順で見れるサイト（Reactで絞り込んでいます）
Social Media Accounts
- Sebastien Lorber
- This week in Reactとして毎週トピックをまとめてツイートしてくれています
- https://twitter.com/sebastienlorber
Discussion