React

Watch User Created Playlist (4)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Create HTML elements with React's createElement API

Replace React createElement Function Call with JSX

Create a Simple Reusable React Component

Validate Custom React Component Props with PropTypes

react tutorial about Create HTML elements with React's createElement API

Create HTML elements with React's createElement API

3:24 react

In this lesson we'll learn how to use raw React APIs to create the most basic Hello World example. React defines it’s own createElement function that we will see works similar to document.createElement. And in place of appendChild we will use ReactDOM's render function.

We'll also learn a little bit about React props and the children prop.

react tutorial about Replace React createElement Function Call with JSX

Replace React createElement Function Call with JSX

5:48 react

In this lesson, we'll learn what JSX is and how it can replace calls to React's createElement API. We will go over how you can interop regular Javascript right in the JSX with curly brackets. We will learn how to pass props to JSX and how to override and props that get passed in. In addition to the noted className difference, there are a number of other differences with attributes in JSX than those in HTML.

react tutorial about Create a Simple Reusable React Component

Create a Simple Reusable React Component

5:15 react

Just like in regular JavaScript, when you want to reuse code, you create a function. With React, you create components. In this lesson, we'll walk through the process of creating custom React components and you'll walk away with a deep understanding of how to create and use basic components to compose a larger component you render. We will look at how JSX works by calling React.creatElement under the hood.

react tutorial about Validate Custom React Component Props with PropTypes

Validate Custom React Component Props with PropTypes

3:30 react

In this lesson, we'll learn how you can use the prop-types module to validate a custom React component's props. We will start by building out a Proptypes object that throws an error if the prop passed is not of the required type. Then, we will import the React team's prop-types module and look at some of the useful utilities it provides like isRequired. Function components define Proptypes off of a property while Class components define Proptypes off of a static method.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?