React関連

→モダンJavaScript

→Vue.js関連

→Node.js関連

→TypeScript関連

→Webアプリ開発

React一般†

• React - Speaker Deck 2024.4

• ダイアログもアラートも、Reactで子コンポーネントの開閉管理を実装する | フューチャー技術ブログ 2024.4

• Reactを読んでまほうの正体を（少し）理解する 2024.4

• 「実装例から見る React のテストの書き方」をアップデートする 2024.4

• なぜReactがフロントエンド開発で多く使われているのか？ #React - Qiita 2024.4

• Reactを学習できるサービスmosya Reactの技術的な紹介 2024.3

• Vueユーザー「あれ、ReactでonClickが動かない。。」のワケ #React - Qiita 2024.3

• Reactで使えそうなグラフ描画ツールってなぁになぁに？ 2024.3

• React再レンダリングガイド: 一度に全て理解する - Qiita 2023.9

• React Router v6.4で追加された<ScrollRestoration />が便利だった 2023.7

• Create React Appは役割を終えました 2023.7

• リアクティブプログラミングについて考える | フューチャー技術ブログ 2023.6

• React/Next によるアプリケーション開発のこれから - Speaker Deck 2023.6
• 【衝撃】React Server Componentsが転送量に与えた驚きの影響とは…… - Qiita 2023.6

• あなたがまだ知らないReactのテクニック10選 - Qiita 2023.5

• React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開 − Publickey 2023.2

• モダンフロントエンドで始めるつらくないReactディレクトリ構成 - RAKUS Developers Blog | ラクス エンジニアブログ 2023.2

• React18 設計とコードレビューの観点 2023.1

• React/Jestでのユニットテストに少し慣れてきたら役に立つtips 2023.1

• Reactでフォームを作る際にハマりやすいポイント - APC 技術ブログ 2022.12

• 図で分かるReact18のしくみ 2022.12

• エンジニア1年生の自分に教えたいReact学習で重宝できる教材と記事まとめ - Qiita 2022.12

• Reactのトレンドよくわからん - Speaker Deck 2022.12

• 【フロントエンド】プロジェクト初期に手を抜かないで - Qiita 2022.12

• ToDoアプリ作成を通したReactの状態管理ライブラリ基礎学習 ~第三部 Recoil編~ - RAKUS Developers Blog | ラクス エンジニアブログ 2022.11

• はじめに｜Next.jsが出てこないReact Server Componentsハンズオン 2022.11

• React で超絶楽にエラー画面を出せるよ - Qiita 2022.11

• Reactのライブラリ「Recharts」について - SO Technologies 開発者ブログ 2022.10

• 【React / TypeScript】ローディングを実装する方法 - Qiita 2022.10

• ReactのComponentProps型を使って不要なPropsとお別れしよう！！ | Reactおじさんブログ 2022.10

• React Hook FormとZodを組み合わせて利用する｜食べログ フロントエンドエンジニアブログ｜note 2022.4

• Reactのグラフライブラリ「react-chartjs-2」を使ってみた。 | DevelopersIO 2022.9

• フロントエンド(React)の技術質問 - Qiita 2022.9

• VueをReactにリプレイスしてEasyからSimpleにした話 2022.8

• なぜnpx create-react-appすると"export default" Appなのか？ - Qiita 2022.7

• React、過剰に複雑な代物。 - Qiita 2022.7

• React初学者からみた最良のディレクトリ構造 - Qiita 2022.6

• ReactにおけるGlobal stateの管理法4選 2022.4

• なぜモダンフロントエンドを使いたいのか 宣言的な制御編｜食べログ フロントエンドエンジニアブログ｜note 2022.3

• 素人がまとめた Reactのいろは（React17） - Qiita 2022.2

• React Router v6 を使ったパンくずリストの実装パターンを考える | DevelopersIO 2022.2

• React の学習でお世話になったYouTube動画集 - Qiita 2022.1

• 知ってると得をするReactコンポーネントのイケてる書き方 - Qiita 2021.12

• React から Vue への出戻りを検討する 3 つの理由 - Qiita 2021.12
  • そのまま CSS を書くことができる
  • ライブラリ選定で悩まない
  • CompositionAPI + script setup による開発体験の改善

• ReactベースのあたらしいフレームワークRemixをためしてみた | DevelopersIO 2021.11

• フロントエンドエンジニア(React)の技術質問 - Qiita 2021.11

• 【2021年最新】フロントエンジニア向けのアプリ開発4選(無料で学べる) - 渋谷で働く現役エンジニアが徹底解説 2021.8

• React初心者の私が開発演習でつまづいたこと5選！ - Qiita 2021.11
  • React Hooks useEffect()
  • Promise
  • async, await
  • childrenって何 -使い方
  • JSX内での条件式

• ReactにCognitoでサインイン機能をつける | DevelopersIO 2021.11

• 何故くそややこしいReactを勉強しないといけないのか？ - Qiita 2021.10
  • アプリの高度化にあわせて登場したのが、React, Angular, Vueといったフレームワークなのである。
  • Ajax

• ReactはウェブやHTMLとは特に関係のないライブラリです 2020.3

• The shapes of React Native 2017.5.18

React Hooks†

• 最近Reactを始めた人向けのReact Hooks入門 2022.11

• ReactでWebSocketを扱う - Qiita 2022.12

• 【React】useCallbackの適切な使い方とパフォーマンス 2022.12

• 【React】useEffect解体新書 - Qiita 2023.2
• 【React】useEffect の標準動作は「依存配列の中身が変わると実行」ではない - Qiita 2022.12

• 【React】React 初心者でも「ステート管理」を完全に理解できる（ライブラリは使わないよ） - Qiita 2022.10

• React Hooksを使う上で意識したいことまとめ - Qiita 2022.10
• useStateの初期化ができなくて２時間潰した俺みたいになるな - Qiita 2022.10
• さっくり解説するReact hooksのuseState - Qiita 2022.9
• react-hooks 基礎 - Qiita 2021.11

• 宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita 2019

npx create-react-app でエラーになる現象†

• 2024.4 npx ver.10.5.0
• Windows環境の場合だが…

  \>npx create-react-app sample_react02
  npm ERR! code ENOENT
  npm ERR! syscall lstat
  npm ERR! path C:\Users\xxxx\AppData\Roaming\npm
  npm ERR! errno -4058
  npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\xxxx\AppData\Roaming\npm'
  npm ERR! enoent This is related to npm not being able to find a file.

• このエラーは、C:\Program FilesにNode.js をインストールせず、D:\Program Files にインストールした環境で起こった
• また、D:\Program Files にインストールする前に C:\Program Filesにインストールしていたのをアンインストールしたことも関係あるかもしれない
• この場合、C:\Users\xxxx\AppData\Roaming\npm というフォルダを手で作成してやったら直った。

環境構築†

• Docker + React + TypeScript の 環境構築方法 - Qiita 2023.5

• Dockerとdocker-composeを使ってReactのコンテナを作成してみよう！ - Qiita 2023.1

• 2022年秋版　最新React/Typescript開発環境の作成 - Qiita 2022.10

• React×Firebaseでちゃんと開発するときの環境構築手順と解説 2022.8

• React18がリリースされたので、開発環境をゼロから構築してみる。【後編】 - Qiita 2022.4
• 【スーパー初心者向け】Dockerを使ってReact環境を構築&起動する方法をかなり詳しく解説してみた。 - Qiita 2022.3

• CodeSandboxでReact学習用の開発環境をサクっと作ろう 2020.1

入門記事†

• Build your own React 2019

• 【永久保存版】0からReactを勉強するならこのロードマップに従え！ - Qiita 2023.10

• 今から始めるReact入門 〜 React の基本 - Qiita 2018
  • 今から始めるReact入門 〜 React Router - Qiita

• React + TypeScript: Next入門01 チュートリアルの作例を一からつくってみる - Qiita 2023.1

• GitHub - sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! 2023.1

• Reactの基礎４ - Qiita 2022.10

• React を始めて学んだこと 〜第1回〜 – TechHarmony 2022.7

• #01 新・日本一わかりやすいReact入門【基礎編】Reactの基礎知識 - YouTube 2021.5
• React入門 -なぜReactを使うのか- 2019.10
• React.jsチートシート 2017.5.13

Next.js†

• Vercel AI SDK で Ollama を使う方法 2024.4

• Next.jsを使うべき5つの理由 + 実装Tips #JavaScript - Qiita 2020

• 今ホットなHonoを使ってNext.jsのRoute Handlersをハイジャックする 2024.4

• Windows に Next.js をインストールする | Microsoft Learn 2024.4

• フロントエンド未経験でもわかる Next.js の概要 2024.4

• React フレームワークの 動向と選定基準 - Speaker Deck 2024.4

• App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement - Speaker Deck 2024.4

• ReactとNext.jsの正しい星取表 - honey32 2024.3

• Next.js Learnのアプリをデスクトップアプリ化とスマホアプリ化してみた #iOS - Qiita 2024.3

• Learn Next.jsをやってみた感想とおすすめの進め方 #React - Qiita 2024.3

• Next.js 14 アプリ開発のあらすじ 2023.11

• どこをどう調べても Error: Didn't get a result from child compiler. が解決できない 2023.11

• 【コードベースで比較する】React VS Next.js 2023.10

• 「Next.js + AWS」を使用して、Webサイトを爆速で公開する - Qiita 2023.6

• 【忙しい人のための】Next.js公式チュートリアルを完走してきたので記事１本で振り返る【ギュッと凝縮】 | DevelopersIO 2023.4

• WSL2環境でNext.jsに入門してみた | DevelopersIO 2022.10

• Next.js 13 を試してみた | DevelopersIO 2022.10

• Reactのフレームワーク”Next.js”を触ってみた「動的ルート / APIルート」 | Wedding Park CREATORS Blog 2022.10

• Next.js + Vercel + Supabase を用いた高速アプリ開発 - RAKUS Developers Blog | ラクス エンジニアブログ 2022.10

• React を学びたいなら Next.js チュートリアルがおすすめ。 - ROXX開発者ブログ 2022.8

• なぜNext.jsをやめたのか？ - Hello Tech 2022.4
  • SSRを前提としていない設計のアプリのコードをウェブに移植したというのが移植の上で発生した問題の主な要因

• 【2021年】Next.jsとReactの違い・メリット・デメリットを比較 2021.6
• 大幅にリニューアルされた Next.js のチュートリアルをどこよりも早く全編和訳しました - Qiita 2022.1
• 公式チュートリアルでNext.jsに入門してみた | DevelopersIO 2022.1
• Next.js+TypeScriptでシンプルなニュースサイトを作ってみた。 - Qiita 2021.2
• Reactで実現するUniversal JavaScript - Qiita 2019

公式†

• React のルール – React 2024.4

• Introduction | Learn Next.js

• https://facebook.github.io/react/

• https://github.com/enaqx/awesome-react

最新の50件