React Web Development Foundations for Uganda

Course outline and learning expectations

This is a tutor-led course. The outline shows what your tutor will cover; teaching materials and examinations are provided directly to enrolled students.

What you will learn

• Create and configure modern React projects with Vite
• Build reusable components with JSX and props
• Manage events, forms and local state with Hooks
• Create responsive and accessible user interfaces
• Render lists and conditional content correctly
• Fetch API data and handle loading and error states
• Add client-side routing and reusable layouts
• Build and deploy a portfolio-ready React application

Modules

1. 1

   React development setup

   Create and run a modern React project with Vite

   Node.js setupVite project creationProject structureDevelopment server
2. 2

   Thinking in components

   Turn interface ideas into reusable React components

   JSXFunctional componentsPropsComponent composition
3. 3

   Responsive interface building

   Create accessible mobile-first interfaces for regional users

   CSS strategiesResponsive layoutsReusable UI patternsAccessibility basics
4. 4

   Interactivity and state

   Build interfaces that respond to user actions

   EventsuseStateControlled inputsForm handling
5. 5

   Rendering and shared data

   Display changing data clearly across components

   Conditional renderingLists and keysLifting stateDerived state
6. 6

   Effects and API data

   Connect React interfaces to external services

   useEffectFetch APILoading statesError states
7. 7

   Routing and application structure

   Create multi-page experiences in a single React app

   Client-side routingNested layoutsNavigationNot-found pages
8. 8

   Regional portfolio project

   Build and deploy a practical web application for an African organisation

   Project planningAPI integrationTesting checklistProduction buildDeployment