Build Apps Using React: Advanced Features in React

React 15.5    |    Expert
  • 19 Videos | 1h 55m 39s
  • Includes Assessment
  • Earns a Badge
Likes 36 Likes 36
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

  • Playable
    1. 
    Course Overview
    1m 51s
    UP NEXT
  • Playable
    2. 
    Lists without Keys
    3m 31s
  • Locked
    3. 
    Unique Keys for Lists
    7m 17s
  • Locked
    4. 
    Correct Key Usage
    6m 38s
  • Locked
    5. 
    Rendering Using Conditional If
    4m 50s
  • Locked
    6. 
    Conditional Rendering Using Variables
    4m 46s
  • Locked
    7. 
    Conditional Rendering Using Inline Logical Operators
    4m 52s
  • Locked
    8. 
    Ternary Operators and Preventing Rendering
    4m 36s
  • Locked
    9. 
    Local State
    8m 13s
  • Locked
    10. 
    Disadvantages of Local State
    3m 4s
  • Locked
    11. 
    Removing State from Lower Level Components
    6m 59s
  • Locked
    12. 
    Lifting State up to Higher Level Components
    7m
  • Locked
    13. 
    Code Reuse Using Inheritance
    7m 41s
  • Locked
    14. 
    Code Reuse Using Composition
    4m 29s
  • Locked
    15. 
    Using Composition to Customize Child Elements
    7m 56s
  • Locked
    16. 
    Using Composition for Specialization
    6m 38s
  • Locked
    17. 
    Global Properties without Context
    7m 14s
  • Locked