Build Apps Using React: Props & State

React 15.5    |    Intermediate
  • 18 Videos | 1h 52m 47s
  • Includes Assessment
  • Earns a Badge
Likes 42 Likes 42
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.

WHAT YOU WILL LEARN

  • 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

IN THIS COURSE

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE