Should You React? After watching this first module, you should be able to know for sure if React is for you or your team or not. I'll first show you the app we're going to build during the course. Next, I'll tell you about what you should know before watching this course. If you're good to go, I'll show you why React is awesome. Working with React is working with components, and I'll show you what that means. And, finally, I'll do a basic comparison between React and the two most popular alternatives--Angular and Vue. But let me show off the app we're building first.
Getting Ready Getting ready to start developing a React app is the goal of this module. First, I'm making sure you have the latest version of Node and npm. Next, we'll create the starting point for our application with a tool called create-react-app. Then we see how we can deploy the app to production. We're also preparing the editor we're going to use, Visual Studio Code. And we'll install a plugin in Chrome that helps to debug React apps.
Structuring the Application We're examining the project structure of a React app in this module by scrutinizing the app create-react-app created for us. There are several folders like the public and the src folder. We'll see what's in there. Also, we'll take a closer look at the build output and how a React app is bootstrapped. It's important to grasp the concept of modules, so I'm digging into that. We're also making a start with understanding components by changing the default app a bit. But, first, let's take a look at the basic structure.
Understanding Components This module is about creating components and arranging them. I'll start off by adding a simple component. You'll learn that there are two kinds of components. Components have props and state. We're looking into that as well. Lifecycle methods enable you to react to a lifecycle change in your component. And last but not least, the emphasis of this module lies on building the different types of components we need for the Globomantics app. Let's create a simple component first.
Augmenting Features and Tooling You now know the basics needed to create your own React app, but there are still a couple of things to point out. I'm talking about separating component state from UI first. After which, we will take a look at the built-in way to type check props. Routing requires a separate set of components. I'll show you how that works. The context API in React is a great way to share global data. Also, a brief introduction about Flux and Redux to let you determine if this is for you or not. Next, we're looking at ejecting. That means assuming control of the create-react-app build process. Unit testing is supported out of the box with Jest. I will brief you on that. And, finally, the ins and outs of progressive web apps with React. I'm starting off with separating state from UI.