advanced-react-review.md

Advanced React Review

SC Details

• REMINDER: The System Check will begin at 9:15am and end at 12:15am.

Lessons/Exercises You Should Review:

• React Forms

• React Grocery List Form

• Address Form

• Restaurant Recommendations

• Unicorn Facilitation Code

• ES6 Promises and Fetch API

• Brussels Sprouts Fetch

• React Router challenge

• Launch Academy FAQ Part 2 ⭐

• Bike Review Clinic

Tips

• Take a moment to go line by line through your server.js. Understand how it works and how you might be utilizing it.

• Take a moment to absorb the provided code you are given. Think about the structure of the app as it is currently set up before writing your own code. ⭐

• Read your errors carefully!!!

• Know that if you click on an error message, it will sometimes point to the offending code in React

• Look for errors both in your console and in your terminal

• Put debuggers at the top of render(), the top of stateless components, and inside of methods (to see if they are getting called and have the right arguments)

• Double check that you are satisfying all of the criteria!!!

• REREAD THE INSTRUCTIONS ONCE MORE

• If you are stuck, don't be afraid to take a break. Additionally, don't be afraid to start over if need be (cautiously).

Concepts You Should Know

• Everything from Week 3
• Lifecycle methods (particularly render and componentDidMount
• Setting up React forms and managing controlled components
• Setting up React Router at the top of an app
• On componentDidMount, loading up information from the backend and using it to create components in React
• Posting the data from your React forms to the backend

Concepts You Won't Need to know

• Foundation and/or CSS
• Validations