Videos helpful for starting a project with React (beginner tutorials for Redux + Webpack too!)
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.
style attribute. The properties of these style objects are just like the CSS property, but they are camel case (
borderRadius) instead of kebab-case (
Unit testing a React component using Webpack and Jasmine, can involve slow and repetitive tasks when confirming that tests are passing when your code changes. For example, manually running commands instructing webpack to compile code plus refreshing the browser. This lesson demonstrates how to speed up your development time by automating these tasks using webpack-dev-server.
React Router is the most popular, and arguably the best solution for adding Routing to your React application. In this video, we’ll talk about the ideology around React Router as well as set up basic routing for our application.