• Dive into React fundamentals with four hours of online preparatory lessons and prepare to hit the ground running on day one of class.
• Get acquainted with ES6.
• Start building a custom blog application.

• AppIy React fundamentals to solve common user interface (UI) problems.
• Render components within another component.
• Pass props to a nested component.

Lab: Add nested components to your blog application.

• Differentiate between props and state.
• Create and change state in a component.
• Describe the flow of methods in a component.
• Identify the triggers for the re-rendering of a component.
• Contrast class components with functional components.
• Define unidirectional flow.
• Diagram data in a component hierarchy.

Lab: Use state to create editable entries in your blog application.

• Rewrite class components into functional components.
• Define the main categories of the component life cycle.
• Identify general methods in each category of the component life cycle.
• Contrast the concepts imperative and declarative programming.

Lab: Implement functional components in your blog application.

• Describe what an application programming interface (API) is and why we might use one.
• Using fetch() to make an API call and working with API keys.
• Describe Heroku.
• Deploy an app on Heroku.
• Set up a CORS proxy on Heroku.

Lab: Use an API to display the current weather on your blog application.

• Contrast historical and modern browser history mechanics.
• Define routing.
• Describe React Router’s main features and history.
• Use React Router to map URLs to components.
• Use React Router to create links to different components.

Lab: Use React Router to add multiple pages to your blog application.

• Build a tic-tac-toe game.
• Confidently find and apply features from documentation.
• Create an ATM application.

Final Lab: Build a working React application of your choice from scratch. Prompts and guidelines are available for students who would like help brainstorming ideas.