React and Flux: Creating Simple React Components

Web application developers looking to use React for application development and Flux for unidirectional data flow


Expected Duration
74 minutes

React components are the core functionality of a React application. Components have life cycle functions to hook in code; support dynamic updating; and can be composed by using controller views. This course covers basic configuration of React components and routing between them without React Router.


Creating React Components

  • start the course
  • create a React component
  • configure simple routing between components in React without React Router
  • create a header for navigation
  • describe some considerations and conventions when naming React components

React Life Cycle

  • describe immutable props and mutable state in React components
  • use React component life cycle functions
  • add a key to dynamic child React components
  • create an API for server calls from React
  • create a component with dynamic data
  • use the getInitialState life cycle function to set initial state on a dynamic data component
  • use the componentWillMount life cycle function to update a dynamic data component

React Composition

  • compose components in React
  • create a controller view in React
  • configure prop validation on React components
  • understand mixins for a React component

Practice: Component Composition

  • create a composite React component and wire up life cycle functions





Multi-license discounts available for Annual and Monthly subscriptions.