⚡️ Prepare for React

Project

Some students choose to do a complex project (front-end with React, back-end with Node in the next module). Some students choose to do a front-end only project with React, e.g. a game. Whichever you choose:

• Write a project proposal:
  • What is it?
  • Target Audience
  • Must-have Features
  • Nice-to-have Features
  • Example
• Wireframe it

Here are some of the react projects other students have built:

• Chorebucks, incentiving kids to do chores by Mike Miller
• Pricewatcher, a Runescape exchange price monitoring tool by Dennis Kean
• Nurse Assignment Management by Hiba Mohamed
• SoSep, 2-player Backgammon game by Soheil Najmabadikia
• OA, a music album production management software by Evan Watton
• https://chelseajcaines.github.io/balloon-pop-game/
• https://github.com/Gyro-trix/pantry-pal
• https://samsymes.github.io/VisaVista/
• https://alliebourden.github.io/fableforge/
• https://marktaylor7.github.io/TheFinalLap/
• https://jamiebursey.github.io/FriendlyBets/

Prepare mentally

This module is a lot to take in. If you feel overwhelmed, that's normal.

Prepare technically

Here are some resources our coaches recommend to prepare for React:

1. What is react? Why does it exist? Why is it so popular?
2. Learn some JavaScript syntax features that are common in React:

• Arrow Functions
• Template Literals
• Promises, Async/Await
• Spread Operator
• Destructuring
• Useful array function

3. Install Node
4. Setup your first react project
5. Follow a very simple and short React tutorial