강의

멘토링

커뮤니티

Programming

/

Front-end

React Router 完全征服

ReactでSPAを作るすべての人にとって必須のReact Routerを一緒に征服してみましょう 💪

難易度 初級

受講期間 無制限

  • woongjae
react-router-dom
react-router-dom
react-router
react-router
React
React
SPA
SPA
react-router-dom
react-router-dom
react-router
react-router
React
React
SPA
SPA

受講後に得られること

  • リアクトルータを使用した基本的なクライアントサイドルーティング

  • リアクトルータ6.4以降に新しく追加されたData APIの使い方

SPA開発のコア!リアクトルーター
コアだけ迅速かつ簡潔にお知らせします。

リアクト開発者ならぜひ知っておくべき
React Router 完全征服

SPA(シングルページアプリケーション)Webアプリの開発に使用するReact Router(リアクトルータードメイン、リアクトルーター)をカバーします。

リアクトをやろうとするフロントエンド開発者なら、React Routerを当然知っておく必要があります。しかし、重要度に比べて適度に知るだけに使う傾向が強いです。

このレッスンでは、ブラウザのアドレスウィンドウとリアクトアプリケーション間の関係を支援し、進化している最新バージョンのreact-router-domライブラリを学びます。

講義の特徴

コードを入力して習得

コードを直接入力し、React Routerの機能と使い方を自然に習得できるように構成しました。

迅速かつ簡潔な呼吸に進む

流れに沿って、短期間でReact Routerの概念を学ぶことができます。

フォローして復習してください
学習資料を提供します

  • ✅Notion 講義に活用した文書と追加のリファレンスを提供します。 (定期的に更新される予定です。)
  • Githubで講義に活用したコードを提供します。

💡受講前に確認してください

  • 練習はmacOS環境で行われました。しかし、Windowsでも可能です。
  • Node.jsVisual Studio Codeを使用してください。
  • React について基本的な学習を終えた状態とし、授業を進めます。
  • 練習のスピードが速く感じることができます。流れを理解し、素早く見ることを意図しました。さらに、急速に言及されている概念はやや難しいかもしれません。 (質問を残していただくと難しく感じられる概念について補強する計画があります。)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • リアクトルーターについての迅速かつ詳細に学習したいリアクトを学んだ初心者のフロントエンド開発者

  • リアクトルーターを使用する必要がありますが、短期間で概念を習得したいフロントエンド開発者

前提知識、
必要でしょうか?

  • React

  • JavaScript

こんにちは
です。

12,225

受講生

135

受講レビュー

4.7

講座評価

5

講座

14年目のソフトウェアエンジニアです。

2021年からはNHN Doorayでフロントエンド開発チームをリードし、サービス全体のUIに関する責任を担ってきました。チームを率いて、既存のレガシーシステム(AngularJS、Vue)をReact、TypeScriptへとリニューアルしました。10名以上のフロントエンドエンジニアが一つのプロダクトを共に開発できるよう、アーキテクチャの設計および管理業務を行っています。サービス全体の規模が大きく複雑度が高いため、Monorepoで開発・運用し、Micro Frontendを導入することでデプロイサイクルの短縮に努めてきました。Storybookを通じてコンポーネントを積極的に管理し、デザインシステムを構築して活用されるようプロセスを整える役割を果たしました。

以前はStudio XIDにてTypeScriptとElectronを用い、デザイナー向けのインタラクション・プロトタイピングツールであるProtoPieを開発していました。一つの製品を約4年間作り続けながら、良いコード、品質の高いコードを書くために努力してきました。

大規模なJavaScriptアプリケーション開発における、より良い方向性を模索し、適用するために努力しています。
Microsoft MVP (TypeScript) として活動しており、最新のウェブ技術について人々と語り合うことを楽しんでいます。

 

様々な場所でフロントエンドチームを率い、主に開発言語(Clojure)やNode.jsでバックエンドの開発を行っています。
インフラの自動化に強い関心を持っています。

カリキュラム

全体

27件 ∙ (1時間 56分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

3件

4.7

3件の受講レビュー

  • cn2zzang0147님의 프로필 이미지
    cn2zzang0147

    受講レビュー 2

    平均評価 5.0

    5

    74% 受講後に作成

    簡単かつ正確に説明していただき、理解が上がります。良い講義ありがとうございます!

    • tessjds4558님의 프로필 이미지
      tessjds4558

      受講レビュー 1

      平均評価 4.0

      4

      67% 受講後に作成

      loader以降、action、fetcherなど、なぜこれを説明するのか、いつ書くべきかについての詳細な説明が不足していて、別途グーグルしました。

      • yongwchoi261087님의 프로필 이미지
        yongwchoi261087

        受講レビュー 32

        平均評価 4.9

        5

        33% 受講後に作成

        routerについて概念を理解するのにとても役立ちました。ありがとうございます。

        ¥6,801

        woongjaeの他の講座

        知識共有者の他の講座を見てみましょう!

        似ている講座

        同じ分野の他の講座を見てみましょう!