• Online, Self-Paced
Course Description

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.

Learning Objectives

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

Framework Connections

The materials within this course focus on the Knowledge Skills and Abilities (KSAs) identified within the Specialty Areas listed below. Click to view Specialty Area details within the interactive National Cybersecurity Workforce Framework.

Feedback

If you would like to provide feedback for this course, please e-mail the NICCS SO at NICCS@hq.dhs.gov.