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