This lessons goes over what it takes to get React to output simple text to the browser such as
This lesson will teach you the basics of setting properties (props) in your React components. As stated in Thinking in React, props are how we pass data around in React. We will take a look at what
defaultProps do for us in React.
The owner-ownee relationship is used to designate a parent-child relationship with React components as it differs from the DOM relationship. This lesson demonstrates how composable React can be when using stateless functions to display data.
The React component lifecycle will allow you to update your components at runtime. This lesson will explore how to do that.
componentWillReceiveProps gives us an opportunity to update state by reacting to a prop transition before the
render() call is made.
shouldComponentUpdate allows us to set conditions on when we should update a component so that we are not rendering constantly.
componentDidUpdate lets us react to a component updating.
Dive deep into JSX, what it is, and what it becomes. Be sure to check out Build a JSX Live Compiler.
In this lesson, you will learn how to find packages to add functionality to your application. You will also learn some valuable tips on how to choose a stable, supported package. We also demonstrate how to install packages using npm and the two simple rules to understand when you should install globally with the -g flag or install the package locally. The dependency section of package.json is used to show how to manage dependencies for both production and development packages. Finally, the caret (^), tilde(~), and star (*) wildcards are explained to control which versions your package is compatible with as well as installing package dependencies from git repos.
npm run allows you to configure scripts inside of your
package.json file which can access locally installed node packages. If you're comfortable with this technique, you can also grunt, gulp, or other build tools by customizing your scripts and saving them inside of your
package.json file. With this approach, when a developer starts a new project with your
package.json, they can simply run
npm install then
npm run yourscript without having to install any node packages globally.