강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Applying TypeScript to React while learning while making web games

Let's use React and TypeScript together by adding TypeScript to a web game made with React and React Router, Redux, and MobX.

(4.7) 27 reviews

904 learners

  • zerocho
React
TypeScript

Reviews from Early Learners

What you will gain after the course

  • React + TypeScript

  • DefinitelyTyped

  • React Router Typing

  • Redux Typing

  • MobX Typing

An example of creating a web game with React and adding TypeScript.
Learn stable React programming .

React + TypeScript
Adapt to practical use with web game examples!

As a follow-up to learning React while making a web game, we will make the same game using TypeScript .
Also, since it would be a shame to only type about web games, we will also learn how to type about React Router, Redux, and MobX, which are often used together with React. We will type both Class and Hooks syntax .

Adding TypeScript makes React programming even more stable .


🌈 Preview lecture examples

We will learn how to apply TypeScript to React through multiplication tables, word chain games, number baseball, reaction speed check, rock-paper-scissors, lottery machine, tic-tac-toe, and minesweeper web games .

🙌 Tools covered here

Use Chrome browser and Visual Studio Code (or WebStorm).


🗒 Quick answer to questions
I will answer you.

The best part about my course is the Q&A. Ask any questions and I'll answer them within a day.
Please study actively by freely asking questions about course-related content.
It will help you understand the content better!


🙋🏻‍♂️ Expected Questions QnA

Q. What version of TypeScript do you use?

A. We're using version 3.8. You can install any later version.

Q. Where is the source code?

A. https://github.com/zerocho/ts-react

Q. Do you also cover React and Redux concepts?

A. You must first take the prerequisite courses listed below. This course only covers typing, not the concept itself.

Q. Are there any prerequisite subjects?

A. You should review the "Learn React while Building Web Games" and "Learn TypeScript while Building Web Games" courses. The TypeScript course is paid, so you can substitute it with the official documentation to some extent.

Recommended for
these people

Who is this course right for?

  • For those who have learned TypeScript but don't know how to apply it to React

  • For those who will use TypeScript and React in practice

  • Anyone who is afraid of typing in other people's libraries

Need to know before starting?

  • JavaScript grammar knowledge

  • React Web Game Course

  • TypeScript Web Game Tutorial

  • Redux, MobX basic concepts

Hello
This is

66,429

Learners

1,676

Reviews

9,753

Answers

4.8

Rating

22

Courses

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

Curriculum

All

36 lectures ∙ (7hr 38min)

Published: 
Last updated: 

Reviews

All

27 reviews

4.7

27 reviews

  • beautifuldev님의 프로필 이미지
    beautifuldev

    Reviews 5

    Average Rating 4.8

    5

    100% enrolled

    As a reviewer, I had a great opportunity to attend the lecture I had always wanted to attend for free. First of all, this lecture requires prior knowledge of React and TypeScript. It is not a lecture that teaches the grammar of React and TypeScript. So, if you do not have any knowledge of this, you will have difficulty following the lecture. However, in my personal opinion, if you know the basic grammar of both React and TypeScript at a basic level, you will not have much difficulty in taking the lecture. In my case, I gained confidence at the beginning of the lecture, thinking, "It's easier than I thought?" Of course, not all the content is easy, and there are some difficult contents as you listen. In particular, Redux requires some knowledge. However, I have never studied React Router, ContextAPI, or MobX separately, so I was able to follow the lecture sufficiently even though I did not know much about them. For example, in React, the lecture proceeds by briefly explaining the concepts that appear in each lecture. TypeScript was also explained lightly and repeatedly, so I felt like I was organizing the TypeScript concepts that I already knew. (Of course, there may be some parts that are not explained depending on the individual.) And another reason I chose this course was that the Q&A room was active, and I liked that they answered questions quickly. As I wrote, the article got longer, but there was a time when I had to submit an assignment to apply TypeScript to React to a company I wanted to apply to. I tried to study on my own in a short period of time, but I felt overwhelmed when I had to look up everything and study it. So I stayed at the basic level, but after taking this course, I can now apply TypeScript to React and code without much difficulty. And as I learned new things, I was able to recover from the slump that I had experienced because my development skills were not improving. Thank you for making such a great course, and I hope you always have many good things :D

    • snrtn943653님의 프로필 이미지
      snrtn943653

      Reviews 67

      Average Rating 4.9

      5

      42% enrolled

      Highly recommended

      • ina93771967님의 프로필 이미지
        ina93771967

        Reviews 4

        Average Rating 5.0

        5

        100% enrolled

        I've been listening to Han Kang's lectures little by little and it's already finished :D I'll try to make it pretty by putting some style on it.

        • bmworld님의 프로필 이미지
          bmworld

          Reviews 11

          Average Rating 4.8

          5

          100% enrolled

          I am getting quality information through detailed knowledge/explanations that focus on what is really needed. Thank you.

          • loko님의 프로필 이미지
            loko

            Reviews 20

            Average Rating 5.0

            5

            100% enrolled

            I enjoyed the lecture :)

            $29.70

            zerocho's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!