Build Apps Using React: Props & State
React 15.5
18 Videos | 1h 52m 47s - Includes Assessment
- Earns a Badge
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
-
1.Course Overview1m 47sUP NEXT
-
2.Introducing Props and State6m 2s
-
3.Similarities and Differences between Props and State7m 54s
-
4.Working with Props4m 56s
-
5.Props with Expressions5m 39s
-
6.Transferring Props Manually4m 47s
-
7.Transferring Props Using the Spread Operator5m 1s
-
8.Dynamic Types with Props6m 54s
-
9.Default Props3m 34s
-
10.Validating Props10m 24s
-
11.Accessing Children Using Props9m 18s
-
12.Using Expressions to Pass in Props Values4m 51s
-
13.Functions as Children8m 14s
-
14.Introducing State4m 22s
-
15.Updating State7m 40s
-
16.Event Handlers to Update State6m 32s
-
17.Accessing Previous State5m 52s
-
18.Course Summary1m 4s
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.
