Week 4

The main topic this week is ReactJS.

Resources

• ReactJS
  • Quick Start without NPM
  • Displaying Data
  • Tutorial

Discussion Questions

1. What is a Virtual DOM and why?
2. What are the advantages of your team’s ReactJS implementation of the parking app or your own implementation of the resume app over the original implementation?

(In our next meeting, a team will be randomly chosen to answer each question.)

Team Learning

Objective

Rebuild some key functionalities of the parking app in ReactJS.

Due

Friday @ 11:59pm, 2/4/2016

Requirements

• [ ] The Team component should be fully implemented.
• [ ] The Garage component should be fully implemented.
  • [ ] The Garage Title component should be fully implemented.
  • [ ] The Garage Spaces component should be fully implemented.
  • [ ] The Garage Rates component should be fully implemented.
  • [ ] The Garage Hours component should be fully implemented.
• [ ] The app should be reasonably pretty, as close to the styling / design of your team’s original garage app as possible.

Hints:

• The data for the team homework is a static JSON file, to make it simpler for you. But for the individual homework, you will have to deal with real-time Firebase data as before.
• In JSX, use className instead of class when you assign a CSS label to an element.

Individual Learning

Objective

Rebuild some key functionalities of your personal resume app in ReactJS.

Due

Sunday @ 11:59pm, 2/7/2016

Requirements

• [ ] The About component should be fully implemented.
  • [ ] Name
  • [ ] Profile photo
  • [ ] Major or degree information
  • [ ] Github link
• [ ] The Skill List component should be fully implemented.
• [ ] The Task List component should be fully implemented.
• [ ] The City List component should be fully implemented.
• [ ] Data used to populate the skill list, task list, and city list should come from appropriate Firebase locations.

Submission

• Commit/Push your source code to Github.
• Deploy your resume app to Firebase