In this hands-on course, students are introduced to features and capabilities of JavaScript framework React.
This is a five module course which can be given in-person or online. Each module is around one hour in duration followed by individual hands-on exercises to strengthen understanding.
Modules will be split up and elongated as necessary, depending on students’ comprehension of the material.
Prerequisite
Intermediate-to-advanced JavaScript programming experience.
Course Topics
Introduction To React
- UI Components
- Tooling
- Compilation
- JSX
- Embedded JSX
- Expressions
- JSX Expressions In
- Control Flow
- JSX Objects
- Attributes and Children
Rendering
- Updating The DOM
- DOM Reconciliation
Components and Props
- Component Types
- Dependencies
- Rendering Components
- Component Properties
- Read Only Properties
- Decomposition
- Refactoring the
- UserProfile Component
- Reusable Components
- Component State and
- Lifecycle
- Introducing State
- Life Cycle Methods
- Applying Lifecycle
- Methods
- Asynchronous State
- Updates
Events and Forms
- Events
- Prevent Default
- Binding This
- Forms
- TextArea
- Select Tag
- Multiple Input Controls
- CSS
- Uncontrolled
- Components
- Controlled or Uncontrolled?