5910 Breckenridge Pkwy Suite B, Tampa, FL. 33610
(800) 272-0707

SkillSoft Explore Course

Aspire     Web Programmer to Apprentice Programmer     Apprentice Programmer Track 2: Web Apps Developer

In this 18-video course, learners explore the basics of props and state, including similarities and differences. Discover how to work with props, use expressions, transfer props manually and using the spread operator. You will begin with a look at props and state in components and when they are used, and differences between props and state. Then move on to working with props; passing data into components by using props; evaluating expressions to pass data to components, and transferring props from higher to lower-level components manually. Also, discover how to transfer props from higher to lower-level components using the spread operator; dynamically render components based on conditions with props, and specify default values passed in as props. Next, learn how to validate props and access child elements using props.children; use expressions to pass in props values; and specify functions as children of a component. Next, receive an introduction to State; updating State by using this.setState() in a component; wiring up event handlers to update the state of a component; and accessing a component’s previous state.



Objectives

Build Apps Using React: Props & State

  • discover the key concepts covered in this course
  • identify props and state in components and describe when they are used
  • recall the differences between props and state
  • pass data into components using props
  • evaluate expressions to pass data to components
  • transfer props from higher to lower level components manually
  • transfer props from higher to lower level components using the spread operator
  • dynamically render components based on conditions
  • specify default values passed in as props
  • perform specific validations on props
  • access child elements using props.children
  • evaluate expressions to pass values to props
  • specify functions as children of a component
  • store data within a component using state
  • update state using this.setState() in a component
  • wire up event handlers to update the state of a component
  • access the previous state of a component
  • summarize the key concepts covered in this course