Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

readme.md

Chapter 7 : Enhancing Components

Before we can enhance our applications with 3rd party JavaScript libraries or backend data requests, we must first understand how to work with the component lifecycle: a series of methods that can be invoked every time we mount or update a component.

Samples

Mounting Lifecycle

  • Loading data when a component mounts (1, 2)
  • Clock (demo, source)

Updating Lifecycle

  • Updating Lifecycle (color-organizer) (demo, source)
  • Component will Receive Props (1, 2, note)

Children

  • Display Component (1, 2)
  • WhenTruthy, WhenFalsy (3, 4, 5)

JavaScript Library Integration

  • Fetching Data (1, 2)
  • D3 Timeline v1 (1, 2)

Higher Order Components

  • People list (1)
  • DataComponent HOC (2)
  • Country dropdown with DataComponent (3)
  • Expandable HOC (1)
  • PopUp with Expandable (2)

Managing State Outside of React

  • Clock without React State (1)
  • Flux (1)