React
https://gyazo.com/87af74c6c0fab62027e5581d971ea205
ユーザインターフェース(UI)構築のための JavaScript ライブラリ
特徴
仮想DOM Virtual DOM
Component コンポーネント code指向
単方向データフロー
宣言型プログラミング Declarative programming
フォルダ構造
どういうのがいいの?
関連概念
Fundamental Topics
👀Create React App
👀JSX
👀React DOM
👀Component コンポーネント code
👀Functional Component
👀Class Component
⛰Propsvs State 状態
👀Conditional Rendering 条件付きレンダリング
👀React ライフサイクル
👀JavaScript
⛰List js
⛰Key js
リストと key – React
⛰継承 Inheritance vs Composition 合成
⛰hook React
⛰useState hooks
⛰useEffect hooks
Advanced Topics
hook React
⛰Common Hooks
⛰Context React
⛰Refs React
⛰Render Props
⛰Code Splitting
⛰HOC Higher Order Component
⛰Portals React
⛰Error Boundaries React
⛰Fiber Architecture React
👀TypeScript
Ecosystem
ルーティング Routing
⛰react-router-dom
SSR Server Side Rendering
⛰Next.js
Static Site 静的サイト
⛰GatsbyJS
⛰Next.js
Form フォーム
⛰React Hook Form
⛰Formik
Test テスト Testing
👀Jest
⛰@testing-library/react
⛰Cypress
State Management 状態管理
⛰Context React
⛰Redux
Styling スタイリング
CSS Frameworks
⛰Material UI
⛰Ant Design
⛰styled-components
Mobile Application by js
⛰React Native
参考
りあクト! TypeScriptで始めるつらくないReact開発 第2版
Reactで誰もがやりたかった10の機能。アプリ構想はあるけど作れない人の壁をぶっ壊す。 - Qiita
React + Redux + TypeScript でモダンなwebアプリを作るチュートリアルを考えてみた① - Qiita
React Developer Roadmap: Learn to become a React developer
Reactチュートリアル1:犬画像ギャラリーを作ろう
大学の授業用で作られており安心
https://dev.to/alexi_be3/react-component-patterns-49ho
Tao of React - Software Design, Architecture & Best Practices | Alex Kondov - Software Engineer
React テスト応用、テストに悩む人へ
sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
React18と2つのUX - Speaker Deck
v18で変わった概念がわかりやすい
React 2025 – Build applications from the future, today.
無料で、Next.js、React、Firebase、Stripe、Vercel周り触りながら、App作れる
By VercelのDevRel
#Front-end_Framework