This is an old revision of the document!
React Design Doc
This page references the design doc for the React. We will discuss React in the following sections.
Motivation
Design Considerations
Technologies Involved
React Exercise
Purpose
Members of the Dashboard team will be applying their knowledge gained from the tic-tac-toe React project to develop their own React app.
Objectives
Task 1 : Button Press and Accumulation
Create an app that accumulates and displays the amount of times a specific button was pressed. For the app, be sure to include Smart Campus Energy Lab at the top and be mindful of spacing.
Task 2 : Components
From Task 1, break down the main file into different components. For instance if there is a component that accumulates the amount of clicks, be sure to separate it into another file and import it to the main file to be used.
Task 3 : Semantic React
For Task 3, create the same app in Tasks 1 and 2, but using Semantic UI for React.