Introduction to The Beginner's Guide to ReactJS

Kent C. Dodds
InstructorKent C. Dodds

Share this video with your friends

Send Tweet
Published 5 years ago
Updated 2 years ago

Here's an intro to the course material. Enjoy the course!

Instructor: [00:00] In this course, we'll start from the very basics of React, and give you everything you need to know to start developing web applications with the hottest framework of the web. Every lesson is in a self-contained index.html file that we can make changes to in our editor and load up directly in our browser.

[00:16] There's no black magic going on with build tools or things you have to install. This way, you won't be distracted by all of those things, and you can focus on learning React. I'll show you how to use those things at the end of the course.

[00:28] The goal of this course is to help developers, both new and experienced with React, gain an understanding of the fundamental concepts in React and how React works. We're not going to jump straight into React and JSX. Instead, we start out with a blank index.html file, and we don't even use React at all.

[00:46] Then, we slowly add more and more of React concepts into the course as we go. You'll gain an understanding for what the React.createElement API is, how JSX is a simple abstraction on top of it, and what Babel does to our JSX to make it work like regular JavaScript.

[01:02] This is to help you learn and understand how React really is just JavaScript, just objects and functions. The slow progression through the course will help you to see not only useful React features, but also how those React features solve problems that you see in web applications.

[01:18] Doing things this way will help the knowledge stay more firmly in your mind. You know what solutions to reach to you when you're faced with specific problems.

[01:27] We'll cover the very basics of React and its common APIs all the way through state and the component lifecycle hooks, building and using forum elements, why React demands a key prop when you render in array of elements, and how to make HTTP requests with React. All the things you'll commonly face when making a real React application.

[01:46] Then, we'll wrap up with a lesson on how to move from your index.html file to a more production-ready development environment with codesandbox.io and Create React App. Finally, how to deploy your amazing applications to an amazing service like nullify.

[02:02] I hope you enjoyed this course and even more that you enjoy building awesome stuff with the knowledge it gives you.

diwyanshu
diwyanshu
~ 4 years ago

Hye Kent, i am facing issues with VS code intellisense , i cannot automatically see the React and React DOM helper methods as they are popping up in your editor, any clues to this, do i need to use typings . as of now i am just following the very first tutorial of yours. Also when i tried to use typings command, npm logs that typings are deprecated in favor of @types

Kent C. Dodds
Kent C. Doddsinstructor
~ 4 years ago

Hi diwyanshu, It's probably because vscode can't resolve the types for dependencies that are added as script tags. I wouldn't worry so much about it at this point. In a real scenario, you're going to be building applications with npm and the types will come in that situation. Good luck!

NdubuisiO
NdubuisiO
~ 4 years ago

Hi, my react does not work when I use cdn links, but using the create-react-app works perfectly. please why is this?

Kent C. Dodds
Kent C. Doddsinstructor
~ 4 years ago

Hi NbuduisiO,

I'm not sure what it could be. But if it's working with create-react-app then you're set because that's what you'll want to use to build real applications anyway.

Chibuzor  Efedigbue
Chibuzor Efedigbue
~ 4 years ago

Hi, how do i access the starter files for each of the modules in this course?

Johnathan Osorno
Johnathan Osorno
~ 4 years ago

Hey Kent C., hope you doing great.

Just want it to point that there is an error in the transcript, at 01.46 minutes of the video, just at the end of the paragraph, it is not nullify as it says.

Kent C. Dodds
Kent C. Doddsinstructor
~ 4 years ago

Chibuzor, there are no starter files. When I recorded it I just took the relevant file from https://github.com/eggheadio-projects/the-beginner-s-guide-to-reactjs and removed the code I needed to get things started.

vernon
vernon
~ 3 years ago

you had a link where I could download atom

Kent C. Dodds
Kent C. Doddsinstructor
~ 3 years ago

Hi Vernon, I've actually switched to VSCode as my primary editor and I recommend it. You can download it here: https://code.visualstudio.com

John Tregoning
John Tregoning
~ 5 months ago

How does this course compares to the free version on https://egghead.io/courses/the-beginner-s-guide-to-react

Unclear which course should I do today (2022)?

Kent C. Dodds
Kent C. Doddsinstructor
~ 5 months ago

This one's older and useful if you need to learn how to work with older React code (code that uses classes). For modern React, you should go with https://kcd.im/beginner-react (the one you referenced).

John Tregoning
John Tregoning
~ 5 months ago

Makes sense, thanks for the super prompt reply!