Skip to content

Latest commit

 

History

History
31 lines (23 loc) · 1.04 KB

README.md

File metadata and controls

31 lines (23 loc) · 1.04 KB

Detention

There's nothing like old fashioned mental conditioning.

In order to emphasize one of the most important rules in React, you will write/render it 100 times:

"I will never mutate state or props directly"

This means NOT doing this:

this.state.count = 1
this.state.props = true

In class-based components, state should only be modified using the React Component's setState method. For today, we will only be creating class components.

Release 0 - Setup

  • Use create-react-app to scaffold an app

Release 1 - Detention

  • Write "I will never mutate state or props directly" 100 times. In other words create a component and reuse it 100 times.

Release 2 - Style

  • Research CSS, and attempt to style the page to look like writing on a chalkboard (an idea called skeuomorphic design).

Hint

  • Investigate the Array object's fill and map functions - these will help you in your journey.