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
⛰
Props
vs
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