Skip to content

💡React Application to further think about the requirements and what components/state/props would be needed to help learn the skills to design applications out of components.

Notifications You must be signed in to change notification settings

abdullahkhokhar/Lights-Out

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project was bootstrapped with Create React App.

Component Design

App

As often, this is a very simple component. It just renders the Board component.

Board

The most sophisticated component. It will hold the state that represents the in-memory grid of true/false for lights-on/off. Since the state for the board lives here, this is also were the setState() calls will need to go — and therefore, all the functions that call setState().

Cell

A simpler component. This will simply render a div, where the CSS classes will indicate whether this cell is lit or unlit. This is what the user clicks on — but it will need to call a function it receives from the Board, since that will need to update the state.

About

💡React Application to further think about the requirements and what components/state/props would be needed to help learn the skills to design applications out of components.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published