#05 Reactの公式ドキュメント一緒に読んでみようか 〜CDNリンク編〜

最も信頼できる情報は公式ドキュメントだけど、
難しい表現があったりして頭に入らないことも多い。

土曜日フィルタをかけながらRactの公式ドキュメントを
1から読み進めていけば、意外と頭に入るかも？という検証企画です。

一緒に読んだページ：
https://ja.reactjs.org/docs/create-a-new-react-app.htm

再生リスト：
https://www.youtube.com/playlist?list=PLJQIi38NLD9lRzUVRWHRRQCIhygrG268m

＊＊


【目次】React公式ドキュメント

■TOP
https://youtu.be/HcgJPIiAv7E

■INSTALLATION
-　Getting Started
https://youtu.be/wazu40cc4fQ

-　既存のウェブサイトに React を追加する
https://youtu.be/TufNgTfaasg

-　新しい React アプリを作る
https://youtu.be/j0Ggfvm7VVU

-　CDN リンク
-　リリースチャンネル
https://youtu.be/_EdQCUrEfg4

■MAIN CONCEPTS
-　1. Hello World
https://youtu.be/ugXvjOgxEtQ

-　2. JSX の導入
https://youtu.be/GPhzN-qmLp0

-　3. 要素のレンダー
-　4. コンポーネントと props
-　5. state とライフサイクル
-　6. イベント処理
-　7. 条件付きレンダー
-　8. リストと key
-　9. フォーム
-　10. state のリフトアップ
-　11. コンポジション vs 継承
-　12. React の流儀

■ADVANCED GUIDES
-　アクセシビリティ
-　コード分割
-　コンテクスト
-　Error Boundary
-　ref のフォワーディング
-　フラグメント
-　高階 (Higher-Order) コンポーネント
-　他のライブラリとのインテグレーション
-　JSX を深く理解する
-　パフォーマンス最適化
-　ポータル
-　プロファイラ
-　ES6 なしで React を使う
-　JSX なしで React を使う
-　差分検出処理
-　Ref と DOM
-　レンダープロップ
-　静的型チェック
-　strict モード
-　PropTypes を用いた型チェック
-　非制御コンポーネント
-　Web Components

■API REFERENCE
-　React の最上位 API
-　React.Component
-　ReactDOM
-　ReactDOMServer
-　DOM 要素
-　合成イベント (SyntheticEvent)
-　テストユーティリティ
-　Shallow Renderer
-　Test Renderer
-　JavaScript 環境の要件
-　React 用語集

■HOOKS
-　1. フックの導入
-　2. フック早わかり
-　3. ステートフックの利用法
-　4. 副作用フックの利用法
-　5. フックのルール
-　6. 独自フックの作成
-　7. フック API リファレンス
-　8. フックに関するよくある質問

■TESTING
-　テスト概要
-　テストのレシピ集
-　テスト環境

■CONCURRENT MODE (EXPERIMENTAL)
-　1. 並列モードの導入
-　2. サスペンスを使ったデータ取得
-　3. 並列的 UI パターン
-　4. 並列モードの利用開始
-　5. 並列モード API リファレンス

■CONTRIBUTING
-　貢献の方法
-　コードベースの概要
-　実装に関するメモ
-　設計原則

■FAQ
-　AJAX と API
-　Babel、JSX、ビルドステップ
-　コンポーネントに関数を渡す
-　コンポーネントの state
-　CSS とスタイルの使用
-　ファイル構成
-　バージョニングポリシー
-　仮想 DOM と内部処理

＊＊

# 動画対象者について

★　　　　　誰でも
★★　　　　初学者
★★★　　　経験者（1〜3年目）
★★★★　　経験者（3年目〜）
★★★★★　ガチ勢

＊＊

コンセプト動画：
https://youtu.be/k4OrQ2Ww0DE

このチャンネルでは
Web業界に興味のある方、若手のエンジニアさん向けに
フロントエンドを楽しく学ぶ・フロントエンドが生活の一部になるような動画を配信しています。

鳥さんは一体何者？
三茶在住。ファスナーが付いている。

匿名のアンケート随時受付中です。
https://docs.google.com/forms/d/e/1FAIpQLSfIH_A0OCD9zMMXSQEOmw1AsMTl7_Bg2p4vKj1iivh_i_zmYg/viewform

＊＊

Twitter:
https://twitter.com/cc822jp

＊＊

チャンネル登録・高評価してくれるととても嬉しいです

＊＊

タグ：
#React #js #入門 #読み上げ #土曜日のフロントエンドエンジニア