Let's talk about the importance of React and the prerequisites you will need to take this course.
A discussion of the purpose and popularity of React, and why it's so effective in rendering user interfaces.
This new tech has completely changed the way we build and serve websites.
For a dynamic, complex framework, sometimes the systems change quicker than we can anticipate.
We take our first crack at building a React program with JSX. Don't worry, it's quick!
The real deal: in under 15 minutes, we'll build a working dynamic application with React.
A quick overview of how React uses an abstraction of the DOM to perform only the tasks that it needs to.
We examine some other React programs and discuss why it's important to dissect cool code you find.
Your homework this week, which includes the clock app and installing a React package manager.
We're going to start by building an app that displays user profile cards with dynamic status updates.
The first step in building any React application: planning the design and functionality that we need to implement in code.
Let's get into the nitty gritty and put our design and basic HTML into practical React code.
Components are the smallest building blocks of our React layout.
We break up all of the HTML into individual, easily-organized components.
How to install Babel and build your program automatically as you save it.
We'll learn how to pass props, which are dynamic data, to our components.
In a couple keystrokes, we swap out hardcoded info for our JSON feed.
With some standard JavaScript functions, we can process an indeterminate amount of updates.
Your turn to finish our project and personalize it with your own information from the JSON feed!
Our new app can be used in your daily life, and will teach us a ton of new React material.
The app we're going to build will enhance our productivity and decrease our stress!
Let's start with the basic React template to render components to the page.
Here we make the first component and work with class functions to introduce dynamic props.
An introduction to the changing variables within a component that we need to keep track of.
Let's talk about the built-in functions that are called during specific events in the life of the code.
We learn how to use an if statement to determine when the timer has completed.
It's your turn to finish the pomodoro timer, and to add some more interesting functionality.
Get ready, we're gonna implement a super-fast "search as you type"!
It's time to set up our project, and work with React locally.
To begin, let's break down the design and write the basic building blocks.
We learn how to take the value of an element using a simple React event.
How do we send information between separate components?
Let's use the React lifecycle to push our query and data as props.
The big reveal: we compare our data and render the appropriate result components.
Let's organize our code by moving the individual components to their own files.
Complete this project and see what you can make yourself!
Congratulations! Get your certificate of completion.
Learn which variables are accessible in different areas of your code.
A quick overview of how to write a class and instantiate an object in ES6.
We'll go over how to customize an individual object when it is created.
We'll put our toe into some advanced waters, and show how classes can be extended to create more specific subclasses.
Get proper syntax highlighting in Sublime for writing JSX.
The final One Month React projects. Don't peak unless you're finished, or really stuck.
Let's go through how to install the webpack and make all your React coding easier.
Already have an account?
Don't have an account yet?