React Bootcamp
React is an open-source JavaScript library for building user interfaces. React allows developers to create large web applications that use data which can change over time, without reloading the page. Its main goal is to be fast, simple and scalable.
The DEV6 React Bootcamp provides training on the core React features that Enterprise Developers and Managers need to understand before they develop their first React enterprise application.
The Bootcamp provides training on core React app development concepts such as:
- JSX
- Components
- State Management
- Routing
- Forms
- State Management and Redux
- And much more
As the React Bootcamp is delivered, the DEV6 instructor will provide numerous practical examples and demonstrations based on the React enterprise projects that we have already deployed. The course is highly interactive and also features several hands-on student labs. Each student will also be provided with a full React student manual that they can take home after the class.
If you wish, this Bootcamp can also be delivered in person at your site. Please contact us to discuss further.
Duration
1 Day Wednesday, October 17, 2018 9:00am - 5:00pm Lunch provided!
Training Prerequisites
- Familiarity with HTML and JavaScript programming
Classes
Course Outline
Module 1: Introduction
- Course Objectives
- Course Outline
- Thinking in React
Module 2: Environment Setup – Hello World
- Managing Dependencies (Yarn or NPM)
- Build Toolchain: ES6/Babel/Webpack
- React application starter kits
- Debugging Tools
Module 3: Using JSX
- Embedding Markup in JavaScript Code
- Conditional JSX
Module 4: Components
- Lifecycle
- Props
- State
- Composition
Module 5: Managing State and Redux
- One way data flow
- Lifting State Up
- Handling Events
- Introducing Redux
Module 6: Routing
- Declarative Routing
- Route Matching
- URL Parameters
Module 7: Forms
- Controlled Components
- Multiple Inputs
- Uncontrolled Components
- Form Validation
Module 8: Layout and Styling
- Styling Components with CSS
- Flexbox