Build Apps Using React: Advanced Features in React

React    |    Expert
  • 19 videos | 1h 47m 9s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 50 users Rating 4.4 of 50 users (50)
In this 19-video course, you will discover advanced React features such as lists and keys, including lists without keys, unique keys for lists, and correct key usage, and other topics. Learners begin with a look at the error that occurs when list elements are rendered without keys, then study the unique keys for list elements. Learn about the right usage of keys in components; how to render components using conditional evaluation; how to perform conditional rendering using variables; and how to evaluate conditions by using inline logical operators. Explore how to perform rendering with ternary operators; the use of local state in components; and the disadvantages of storing local state. Learn about removing state from lower-level components, and lifting state up to higher-level components. Delve into code reuse by using inheritance and code reuse by using composition. Examine how to use composition to customize child elements and how to create special components using composition. Explore the use of global properties without context, and finally, the use of context to specify global properties.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Describe the error that occurs when list elements are rendered without keys
    Specify unique keys for list elements
    Sketch the right usage of keys in components
    Render components using conditional evaluation
    Perform conditional rendering using variables
    Evaluate conditions using inline logical operators
    Perform rendering using ternary operators
    Illustrate the use of local state in components
    Recall the disadvantages of storing state locally
  • Extract state from lower level components
    Store state in higher level components for synchronization
    Reuse code using inheritance
    Reuse code using composition
    Customize child elements using composition
    Create special components using composition
    Illustrate the use of global properties without context
    Modify components to use context for global properties
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 1m 51s
  • 3m 31s
    Upon completion of this video, you will be able to describe the error that occurs when list elements are rendered without keys. FREE ACCESS
  • Locked
    3.  Unique Keys for Lists
    7m 17s
    After completing this video, you will be able to specify unique keys for list elements. FREE ACCESS
  • Locked
    4.  Correct Key Usage
    6m 38s
    Learn how to sketch the correct usage of keys in components. FREE ACCESS
  • Locked
    5.  Rendering Using Conditional If
    4m 50s
    In this video, learn how to render components using conditional rendering. FREE ACCESS
  • Locked
    6.  Conditional Rendering Using Variables
    4m 46s
    In this video, you will learn how to perform conditional rendering using variables. FREE ACCESS
  • Locked
    7.  Conditional Rendering Using Inline Logical Operators
    4m 52s
    Learn how to evaluate conditions using logical operators that are inline. FREE ACCESS
  • Locked
    8.  Ternary Operators and Preventing Rendering
    4m 36s
    Find out how to perform rendering using if-then-else statements. FREE ACCESS
  • Locked
    9.  Local State
    8m 13s
    Upon completion of this video, you will be able to illustrate the use of local state in React components. FREE ACCESS
  • Locked
    10.  Disadvantages of Local State
    3m 4s
    Upon completion of this video, you will be able to recall the disadvantages of storing state locally. FREE ACCESS
  • Locked
    11.  Removing State from Lower Level Components
    6m 59s
    In this video, you will extract state from lower-level components. FREE ACCESS
  • Locked
    12.  Lifting State up to Higher Level Components
    7m
    In this video, learn how to store state in higher level components for synchronization. FREE ACCESS
  • Locked
    13.  Code Reuse Using Inheritance
    7m 41s
    Find out how to reuse code by using inheritance. FREE ACCESS
  • Locked
    14.  Code Reuse Using Composition
    4m 29s
    In this video, you will learn how to reuse code by composing it. FREE ACCESS
  • Locked
    15.  Using Composition to Customize Child Elements
    7m 56s
    During this video, you will learn how to customize child elements using the composition technique. FREE ACCESS
  • Locked
    16.  Using Composition for Specialization
    6m 38s
    Find out how to create special components using composition. FREE ACCESS
  • Locked
    17.  Global Properties without Context
    7m 14s
    After completing this video, you will be able to illustrate the use of global properties without context. FREE ACCESS
  • Locked
    18.  Using Context to Specify Global Properties
    8m 21s
    Learn how to modify components to use context for global variables. FREE ACCESS
  • Locked
    19.  Course Summary
    1m 11s
    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

Course Build Apps Using React: Local Machine & Online Playgrounds
Rating 4.5 of 86 users Rating 4.5 of 86 users (86)
Book React and Libraries: Your Complete Guide to the React Ecosystem
Book React Hooks in Action

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course JavaScript: Introduction
Rating 4.4 of 657 users Rating 4.4 of 657 users (657)
Course Configuring a Developer Machine
Rating 4.2 of 27 users Rating 4.2 of 27 users (27)
Course Build & Integrate React Applications with Redux Capabilities
Rating 4.0 of 42 users Rating 4.0 of 42 users (42)