Build Apps Using React: Props & State
React 15.5
| Intermediate
- 18 Videos | 1h 44m 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 courseidentify props and state in components and describe when they are usedrecall the differences between props and statepass data into components using propsevaluate expressions to pass data to componentstransfer props from higher to lower level components manuallytransfer props from higher to lower level components using the spread operatordynamically render components based on conditionsspecify default values passed in as props
-
perform specific validations on propsaccess child elements using props.childrenevaluate expressions to pass values to propsspecify functions as children of a componentstore data within a component using stateupdate state using this.setState() in a componentwire up event handlers to update the state of a componentaccess the previous state of a componentsummarize 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.