Week 1

This session is about the fundamentals of using React to build web applications.

Contents

• Preparation

• Session Plan (for mentors)

• Assignment

Session Learning Goals

By the end of this session, you will:

React

• Understand when to use React over vanilla JavaScript

• Be able to grasp the component paradigm and re-usability of React components

• Learn about advantages of using React in large teams, for design systems and (public) modules

JSX

• Understand how to return JSX

• Know about the single-root-element requirement

• Be able to use Fragments in an appropriate way

• Embed JavaScript expressions into JSX

• Use conditional rendering

Components & CSS imports

• Confidently describe what components are

• Break down a UI into re-usable components

• Be able to create functional components

• Render components inside components

• Put components into a hierarchy and composition of UIs

• Pass HTML attributes and className

• Import .css files into components