Back to Program Overview

Module 1: Components

Module/Week 1: Components

Module 1: Components

Programme

React.js Developer Internship

Module Number

1

Module Title

Components

Duration

3-4 Days

Level

Intermediate

Tools Required

React DevTools, TypeScript, ESLint

Overview

Design reusable React components, props contracts, composition patterns, and clean file structure. This module is designed to feel like a real workplace sprint: you will understand the requirement, learn the technical concepts, inspect examples, build a practical artifact, and prepare your work for review.

Objectives

  • Build reusable components with clear props
  • Separate presentational and container concerns
  • Use TypeScript for safer UI contracts

Course Content

13 Topics

Hands-on Tasks

  • Component library folder
  • Product catalog page
  • README explaining component decisions

Learning Outcomes

  • Build reusable components with clear props
  • Separate presentational and container concerns
  • Use TypeScript for safer UI contracts