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.](/get-started).

Get Started with React Intro

[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.

Discord

Email

GitHub

Ever found yourself staring at React code, feeling like you're missing something crucial? You're not alone. Many developers use React without understanding the fundamentals in depth.

This can leave you struggling when faced with more complex challenges down the road.

But you can build a rock-solid React foundation that will transform how you approach React development for the rest of your career.

This tutorial guides you through the essential building blocks of React. You'll start from scratch and gradually build up to creating custom components, gaining invaluable insights along the way. By understanding not just the 'how', but the 'why' behind React's functionality, you'll transform your approach to React development.

### What to Expect:

- **Hello World in JS**: Pure JavaScript to understand the basics.

- **Raw React APIs:** Use React and ReactDOM without JSX.

- **JSX:** Explore the power and syntax of JSX.

- **Custom Components:** Create and use your first React component.

By the end of this tutorial, you'll have a deeper understanding of:

- The relationship between JavaScript and React

- How React elements are created and rendered

- The purpose and power of JSX

- The nature of React components and their role in building UIs

<Callout ctaLink="https://epicreact.dev/buy">
This tutorial is an excerpt from the React Fundamentals workshop
</Callout>

Learn React from scratch: build components, understand JSX, and master core concepts. Understand the 'why' and 'how' behind React's functionality. 

Subscribe to access all videos in this tutorial