Week 4

This session is about using React Context to manage data in your app, implementing Routing and learn about UI and Component Libraries.

Contents

• Preparation

• Session Plan (for mentors)

• Assignment

Session Learning Goals

By the end of this session, you will:

React Context

• Understand when to use React Context

• Know how to initiate a Context

• Be able to provide a value to your Context

• Be familiar with where to put a Context Provider in your app

Routing

• Be familiar with setting up React Router

• Know how to define routes for your app and render different components per route

• Be able to navigate client-side without refreshing the page

UI and Component Libraries

• Have heard about UI and Component Libraries

• Know some examples when it comes to UI and Component Libraries

• Be familiar with advantages and challenges of such libraries

• Have tried Material UI in a small example (see Context exercise)