プログラミングマガジン

プログラミングを中心にIT技術をできるだけわかりやすくまとめます。

  • ホーム
  • 【React/Redux】入門
 
 
     
  • サーバー言語  
    • Ruby
    • PHP
    • SQL
    •  
  • インフラ  
       
    • AWS
      •  
    • 基本
    • Git
  • Web
       
    • Web開発
    • JavaScript
    • Vue.js
    • React
    •  
  • 設計  
       
    • 実装設計
    • DB設計
  • 問い合わせ
 　

【React/Redux】入門

　React

基礎

  • 基本(インストール、設定、Error Boundaryなど)、「react-router」
  • 基本的なTypeScriptの型
  • JSX、Componentの基本
  • props
  • 子から親へ値を渡す
  • index.js、strictモード

React Query

  • 基本
  • useQuery
  • useMutation

Hooks

  • 概要
  • useRef
  • useMemo/useCallback

ライブラリ

  • Material UI

　状態管理

  • 状態管理の選択肢

Redux

基本

  • 3原則

従来のRedux

  • Store
  • Reducer、Action

新しいRedux

  • useSelector、useDispatch
Redux Tool Kit
  • 導入
  • 非同期のSlice

ライブラリ

  • Redux thunk
  • Redux Saga
Hooks登場で下火
  • 「Presentational Component」と「Container Component」、HOC

　パフォーマンス対策

  • 対策の基本、レンダリングの基本
  • React.memo

　Next.js

基本

  • 基本、バージョン、導入方法、Vercel
  • 基本コンポーネント、ページ遷移、ページのテスト

レンダリング

  • レンダリング手法比較表
  • Pre-fetch(getStaticProps)、Dynamic Routes
  • CSR(useSWR)
  • ISR：SEO対策

　ライブラリ

  • よく使われるライブラリ

　テスト

  • 概要
  • React Testing Library
  • レンダリング
  • ページ遷移
  • 入力
  • API
  • モック
  • RTK
RETURN TOP

著者プロフィール

エンジニア歴10年で過去に業務系、Webデザイン、インフラ系なども経験あります。現在はWeb系でフロントエンド開発中心です。

詳細なプロフィールはこちら

スポンサーリンク

カテゴリー

  • Android
  • API
  • AWS
  • C++
  • CSS
  • C言語
  • DDD
  • DevOps
  • Django
  • Docker
  • Git
  • GitLab
  • GraphQL
  • Hasura
  • Java
  • JavaScript
  • Kubernetes
  • Laravel
  • linux
  • MySQL
  • Next.js
  • nginx
  • Node.js
  • NoSQL
  • Nuxt.js
  • Oracle
  • PHP
  • Python
  • React
  • Redux
  • Rspec
  • Ruby
  • Ruby on Rails
  • Sass
  • Spring Framework
  • SQL
  • TypeScript
  • Unity
  • Vue.js
  • WebRTC
  • Webサービス開発
  • Webデザイン
  • Web技術
  • インフラ
  • オブジェクト指向
  • システム開発
  • セキュリティ
  • その他
  • データベース
  • デザインパターン
  • テスト
  • ネットワーク
  • プログラミング全般
  • マイクロサービス
  • マイクロソフト系技術
  • マルチメディア
  • リファクタリング
  • 業務知識
  • 設計
  • 関数型言語
RETURN TOP

Copyright ©  プログラミングマガジン | プライバシーポリシー