Build Apps Using React: Advanced Features in React


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description

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.



Expected Duration (hours)
1.8

Lesson Objectives

Build Apps Using React: Advanced Features in React

  • 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
  • Course Number:
    it_apbiardj_06_enus

    Expertise Level
    Expert