lesson

Get Started with React Intro

Welcome to Epic React! It's important to note that this workshop, and all of the Epic React workshops and tutorials, aren't intended to be passively watched in the browser.

The next step is to setup your local work environment for the tutorial.

Detail instructions can be found here..

Transcript

00:00 Hello world! My name is Kent C. Dodds and this is Get Started with React as part of EpicReact.dev. This workshop is actually a tutorial that's the first couple exercises of the first workshop of the Epic React Workshop Series, the React Fundamentals Workshop specifically.

00:18 So we're going to go through the first four exercises of that and you're going to get a really great foundation upon which you can build so that you can really understand React. The first four exercises actually start without any React at all.

00:33 And the idea is I want you to have a really good understanding of the difference between what is React and what is the JavaScript part and be able to relate these two things in your mind. So we're going to start with a hello world, but this hello world doesn't have any React on the page and it's not using any JSX.

00:50 And then we'll bring in React, but we won't bring in JSX. So then you understand a little bit about, OK, so what is JSX? What is the JavaScript? And then in the next workshop in the React Fundamentals, we actually bring in TypeScript.

01:03 And so like we slowly layer these different things in so that you have a really clear understanding of what this stuff is all about. So we start with hello world with regular JavaScript. Then we bring in React without JSX. Then we bring in the JSX.

01:16 And then we also gain some appreciation for how great JSX is by constructing some UI without JSX that involves some nesting. And it gets a little bit hairy. So we are very grateful when the JSX shows up. And then we're going to create a custom component.

01:34 So each one of these is rendering a calculator component. And you'll understand props and how those are passed and applied. And so through these four exercises that you're going to have as a part of this tutorial, by the end of it, you'll have a pretty good understanding of the foundational building blocks upon which everything else in React is built.

01:53 The composability of these different components, how the JSX works, and all of that. So I'm looking forward to having you go through this with me. And we'll see you in the exercises.