Practical React Programming

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