Week 4

Overview

The focus this week is:

  • Bundling client-side assets with Vite
  • Client-side rendering with React.js
  • Using JSX syntax
  • Composing UI components
  • Managing component state and user interactions

We will spend all week on learning the fundamentals of React. We will be using webpack to build assets and consume APIs from our server. React views are built using components. By the end of the week, you should be comfortable building these components.

There will be more self-directed learning than previous weeks, but the pace will be initially slower to let the material sink in and for you to reconnect with and apply your self-directed learning style.

Core Concepts

  • React components
  • Virtual DOM
  • Components
  • Props and state
  • Unidirectional data flow
  • User events