• Create components and combine them together to build other components
• Use JSX declaratives to describe how a component should look
• Manage a component’s internal state
• Manage interaction events
• Exploit component lifecycle events
• Manage navigation between high-level components
• Design user interfaces by making the most of React’s features

Lesson 1: Introducing React and UI Design

• What is React?
• How to Set Up a React-Based Application
• How to Design a UI

Lesson 2: Creating Components

• Definition of a Component
• Using JSX
• Composing Components
• Data Propagation
• Managing the Internal State

Lesson 3: Managing User Interactivity

• Managing User Interaction
• Component Lifecycle Events

Managing Routing

Hardware

For successful completion of this course, students will require computer systems with the following:

• Processor: Pentium 4 (or equivalent)
• 2 GB RAM
• Hard disk space: 10 GB
• A projecting device (for the instructor only)
• An Internet Connection

A keyboard and mouse or other pointing device

Software

• Operating System: Windows 10 version, 1507
• The latest version of Node.js (https://nodejs.org/en/)
• The latest version of Chrome or the penultimate version