Build Apps Using React: Props & State

React    |    Intermediate
  • 18 videos | 1h 44m 47s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 68 users Rating 4.6 of 68 users (68)
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

  • 1m 47s
  • 6m 2s
    During this video, you will learn how to identify props and state in components and describe when to use them. FREE ACCESS
  • Locked
    3.  Similarities and Differences between Props and State
    7m 54s
    After completing this video, you will be able to recall the differences between props and state. FREE ACCESS
  • Locked
    4.  Working with Props
    4m 56s
    In this video, you will learn how to pass data into components using props. FREE ACCESS
  • Locked
    5.  Props with Expressions
    5m 39s
    In this video, you will learn how to evaluate expressions to pass data to components. FREE ACCESS
  • Locked
    6.  Transferring Props Manually
    4m 47s
    In this video, you will transfer props from higher to lower level components. FREE ACCESS
  • Locked
    7.  Transferring Props Using the Spread Operator
    5m 1s
    In this video, you will learn how to transfer props from higher to lower level components using the spread operator. FREE ACCESS
  • Locked
    8.  Dynamic Types with Props
    6m 54s
    In this video, you will learn how to render components dynamically based on conditions. FREE ACCESS
  • Locked
    9.  Default Props
    3m 34s
    After completing this video, you will be able to specify default values for props. FREE ACCESS
  • Locked
    10.  Validating Props
    10m 24s
    In this video, you will learn how to perform specific validations on props. FREE ACCESS
  • Locked
    11.  Accessing Children Using Props
    9m 18s
    In this video, learn how to access child elements using the props.children property. FREE ACCESS
  • Locked
    12.  Using Expressions to Pass in Props Values
    4m 51s
    Learn how to evaluate expressions to pass values to props. FREE ACCESS
  • Locked
    13.  Functions as Children
    8m 14s
    Upon completion of this video, you will be able to specify functions as children of a component. FREE ACCESS
  • Locked
    14.  Introducing State
    4m 22s
    Find out how to store data within a component using state. FREE ACCESS
  • Locked
    15.  Updating State
    7m 40s
    In this video, learn how to update state using the setState() method in a component. FREE ACCESS
  • Locked
    16.  Event Handlers to Update State
    6m 32s
    In this video, you will wire up event handlers to update the state of a component. FREE ACCESS
  • Locked
    17.  Accessing Previous State
    5m 52s
    During this video, you will learn how to access the previous state of a component. FREE ACCESS
  • Locked
    18.  Course Summary
    1m 4s
    In this video, we will summarize the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel Wintellect React
Book React Hooks in Action
Book Master React in 5 Days: Become a React Expert in Under a Week

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Configuring Components
Rating 4.4 of 21 users Rating 4.4 of 21 users (21)
Course Build & Integrate React Applications with Redux Capabilities
Rating 4.0 of 42 users Rating 4.0 of 42 users (42)
Course JavaScript: Advanced Function Operations
Rating 4.6 of 81 users Rating 4.6 of 81 users (81)