inflearn logo

Practical React Programming

[Practical React Programming] Direct lecture from the author of the book! You can learn everything from the basics of React to practical usage.

(4.5) 100 reviews

1,706 learners

Level Intermediate

Course period Unlimited

React
React
Redux
Redux
React
React
Redux
Redux

Reviews from Early Learners

4.5

5.0

정용주

30% enrolled

This course cured my incontinence. I am happy that I no longer have to wear diapers while coding.

5.0

noAD

100% enrolled

It's awesome. The best lecture for practitioners who are curious about the principles to use React well!!

5.0

조건희

40% enrolled

Ah, I've taken countless lectures so far, but there's never been an instructor who explained things I've been curious about in such a refreshing way... This is a really good lecture... The lecture isn't long, but I'm watching it for about 30 minutes from the beginning to understand the basics and fundamental concepts... kekekeke ㅎㅎ I haven't watched it all yet, but the quality is amazing!

What you will gain after the course

  • React Basics and Usage

  • How to use React in real-world situations

  • Redux Basics and Advanced Usage

Directly from the author! Learn the latest React.
Learn everything from the basics to practical application.

[Practical React Programming] Revised Edition
A lecture based on this! 📖

This lecture is based on the React book published in July 2020.
To keep up with the latest trends in rapidly evolving web technologies, keeping your course materials up to date is paramount.
Learn React with the revised edition of [Practical React Programming], which focuses on React Hooks!

▲ If you are curious about the revised edition of <Practical React Programming>, please click on the book image.

What you will learn in this course ✏️

The contents of the book covered in this lecture are as follows.

  • Chapter 1: Starting a React Project
  • Chapter 3: Understanding Important but Confusing React Concepts
  • Chapter 4: Practical Uses of React
  • Chapter 6: Managing State with Redux
  • And two projects that aren't in the book!

Project 1: Creating a 2048 Game 🕹️

Let's create a 2048 game using only React.
You can learn how to use useState and useEffect, which are core features of React.

▲ A 2048 game made purely with React.

Project 2: Creating a Service to Find a Manager 🔍

Let's create a service that finds a person in charge using collective intelligence.
We provide convenient editing features so that everyone can easily edit information.
While creating this service, I learned about the authentication processing method on the front end,
Learn how to write API communication code using redux and redux-saga.

▲ Find a person in charge service

Online practice code provided ⚡

You can check out almost all the code used in the lecture in our online IDE (CodeSandbox)!
Please refer to the links at the bottom of each lecture screen.
I expect that it will be a great help in learning because you can directly modify the code online and check the results.
>> Sample Link <<

Expected Questions Q&A 🙋🏻‍♂️

Q. Can non-majors also take the course?
A. If you have no programming experience, you should learn JavaScript first.
If you have an understanding of one or more programming languages, not necessarily JavaScript, you will be able to understand this course.

Q. Are there any special advantages to this course?
A. As this is a book-based course, we provide a well-structured curriculum.
Plus, it includes two hands-on projects not found in the book.

Q. What program do you use in this course?
A. The main packages used in this course are as follows:
react, create-react-app, react-router-dom, redux, redux-saga, antd, axios
And for IDE, I recommend vscode.

Q. The book also covers TypeScript and Next.js, right?
A. There is too much content in the book to fit into a single lecture, so I plan to produce the lectures in separate parts.
So I'm thinking of making separate courses for TypeScript and Next.js.

Q. Do you support subtitles?
A. Subtitles are supported for all videos except Project 2.

Q. Do I need to buy the book?
A. No, I organized it so that you can understand it even without the book.
Only those who wish to study Typescript, Next.js, Webpack/Babel, etc. need to purchase this.

View other lectures 📚

Current lecture on practical React programming
Author's lecture, the latest trend in web technology, React
Practical JavaScript
Learn core concepts in JavaScript using the latest syntax.
Getting Started with TypeScript
TypeScript, from basics to advanced features

Recommended for
these people

Who is this course right for?

  • Working developers who want to learn React

  • For those who have used React but are still confused

Need to know before starting?

  • HTML

  • CSS

  • JAVASCRIPT

Hello
This is landvibe

2,009

Learners

152

Reviews

307

Answers

4.7

Rating

2

Courses

- Author of [Practical React Programming]

- react contributor (PR link)

- Presented [React: I'll Even Decide That for You] at the if kakao 2019 conference

- Currently developing KakaoPage Global Web

More

Curriculum

All

53 lectures ∙ (9hr 56min)

Published: 
Last updated: 

Reviews

All

100 reviews

4.5

100 reviews

  • ds2lvg0300님의 프로필 이미지
    ds2lvg0300

    Reviews 6

    Average Rating 4.3

    5

    100% enrolled

    It's awesome. The best lecture for practitioners who are curious about the principles to use React well!!

    • ffffgggggffff1145님의 프로필 이미지
      ffffgggggffff1145

      Reviews 1

      Average Rating 5.0

      5

      30% enrolled

      This course cured my incontinence. I am happy that I no longer have to wear diapers while coding.

      • jaiyah님의 프로필 이미지
        jaiyah

        Reviews 2

        Average Rating 3.0

        2

        30% enrolled

        This may be a good lecture for those with practical React experience, but it doesn't seem to be suitable for beginners.

        • landvibe
          Instructor

          Yes, it will be very difficult for beginnersㅜㅜ Even beginners with some development experience will probably be able to understand it. However, it will be very difficult for those who do not have much development experience and are new to React. I think jaiyah's comment will be very helpful to those who are considering purchasing. Thank you for your honest review!

      • kind655052567220님의 프로필 이미지
        kind655052567220

        Reviews 10

        Average Rating 4.2

        1

        100% enrolled

        It seems like you're really good at it on your own, but it's too much to learn because you've copied and pasted all the code yourself, so it's too hard to keep up.

        • limewhale3323님의 프로필 이미지
          limewhale3323

          Reviews 18

          Average Rating 4.6

          1

          77% enrolled

          I feel like the class content is a bit unfriendly. Since it is an IT class, most of the time you learn by writing code and following along, but most of the lectures proceed by saying, "The code is like this," and the terminal function is covered by the subtitles, making it difficult to see. I can understand that they proceed by pasting for the convenience of the lecture, but I think it would be better to provide a separate link to check the written code.

          Similar courses

          Explore other courses in the same field!

          Access is restricted to non-public courses.