Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

Complete Mastery of React Router

Let's conquer React Router, which is essential for everyone who creates SPAs with React 💪

(4.7) 3 reviews

47 learners

  • woongjae
3시간 만에 완강할 수 있는 강의 ⏰
react
라우터
spa
react-router-dom
react-router
React
SPA

What you will learn!

  • Basic client-side routing using React Router

  • How to use the new Data APIs added after React Router 6.4

The Core of SPA Development! React Router
We will tell you the key points quickly and concisely.

Must-know for React developers
Mastering React Router

We cover React Router (react-router-dom, React Router), which is used when developing SPA (Single Page Application) web apps .

Any front-end developer familiar with React should naturally know React Router. However, given its importance, many tend to use it only to the extent they know it.

In this course, you'll learn about the latest version of the react-router-dom library , which helps you manage and improve the relationship between the browser address bar and React applications.

Lecture Features

Learn by typing code

It is structured so that you can naturally learn the features and usage of React Router by typing the code directly.

Proceed with quick and concise breathing

You can learn the concepts of React Router in a short period of time by following the flow.

Follow along and review
We provide learning materials

  • Documents used in the lecture and additional references are provided via Notion (will be updated periodically).
  • The code used in the lecture is provided on Github .

💡 Please check before taking the class

  • The tutorial was conducted on macOS, but it's also possible to do it on Windows.
  • I use Node.js and Visual Studio Code .
  • The course assumes that you have completed basic learning about React.
  • The pace of the exercises may feel fast. We've designed it so you can quickly understand the flow and review it. Also, some concepts are quickly covered, which may be a bit challenging. (If you have any questions, we plan to reinforce any concepts you find difficult.)

Recommended for
these people

Who is this course right for?

  • Beginner front-end developer who just learned React and wants to learn React Router quickly and in detail.

  • Front-end developer who needs to use React Router and wants to learn the concepts in a short period of time

Need to know before starting?

  • React

  • JavaScript

Hello
This is

12,007

Learners

130

Reviews

4.6

Rating

5

Courses

14년차 소프트웨어 엔지니어 입니다.

 

2021년 부터는 NHN Dooray 에서 프론트엔드개발팀을 리드하며, 서비스 전체의 UI 에 대한 책임을 맡았습니다. 팀을 맡아 기존에 운영하고 있던 레거시 시스템(AngularJS, Vue)을 React, TypeScript 로 리뉴얼 하였습니다. 10인 이상의 다수 프론트엔드 엔지니어들이 하나의 프러덕트를 함께 개발할 수 있도록 아키텍처를 설계하고 관리하는 업무를 하고 있습니다. 전체 서비스 규모가 크고 복잡도가 높아 Monorepo 로 개발 및 운영하고, Micro Frontend 를 도입하여 배포 주기 단축에 대해 노력해왔습니다. Storybook 을 통해 컴포넌트를 적극적으로 관리하며, Design System 을 구축하고 활용이 될 수 있도록 프로세스를 다듬는 역할을 했습니다.

 

이전에는 Studio XID 에서 TypeScript 와 Electron 을 이용하여, 디자이너를 위한 인터렉션 프로토타이핑 툴인 ProtoPie 를 만들었습니다. 한가지 제품을 약 4년동안 만들면서 좋은 코드, 품질이 좋은 코드를 작성하기 위해 노력해왔습니다.

 

대규모 자바스크립트 어플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다.
Microsoft MVP (TypeScript) 로 활동해 왔으며, 최신 웹기술에 대해 사람들과 이야기 하는 것을 즐깁니다.

 

여러 곳에서 프론트엔드 팀을 이끌며, 주로 함수형 언어(클로저)나 Node.js 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

Curriculum

All

27 lectures ∙ (1hr 56min)

Published: 
Last updated: 

Reviews

All

3 reviews

4.7

3 reviews

  • cn2zzang0147님의 프로필 이미지
    cn2zzang0147

    Reviews 2

    Average Rating 5.0

    5

    74% enrolled

    Thank you for the great lecture. It was easy to understand because you explained it clearly and precisely.

    • tessjds4558님의 프로필 이미지
      tessjds4558

      Reviews 1

      Average Rating 4.0

      4

      67% enrolled

      Since there is a lack of detailed explanation on why and when to use actions, fetchers, etc. after loader, I googled it separately.

      • yongwchoi261087님의 프로필 이미지
        yongwchoi261087

        Reviews 16

        Average Rating 4.8

        5

        33% enrolled

        It was very helpful in understanding the concept of router. Thank you.

        $42.90

        woongjae's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!