Search⌘ K
AI Features
Home
Courses
Building Tesla’s Battery Range Calculator with React & Redux

2.7 List State and Actions For Each Component

Explore how to identify and organize state and actions for each React component using Redux. This lesson helps you understand efficient state management crucial for building interactive applications.

We'll cover the following...

Refer to the entire component layout to create a list of states and actions for each component:

Javascript (babel-node)
TeslaCar Container :
	state : wheels
	action : N/A
TeslaStats Container :
	state : carstats(array)
	action : N/A
	
TeslaSpeedCounter Container : 
	state : config.speed
	action : SPEED_UP, SPEED_DOWN
TeslaTempCounter Container : 
	state : config.temperature
	action : TEMPERATURE_UP, TEMPERATURE_DOWN
	
TeslaClimate Container : 
	state : config.climate
	action : CHANGE_CLIMATE
TeslaWheel Container : 
	state : config.wheel
	action : CHANGE_WHEEL