React Developer

Course Description

React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. React depends on plugins and libraries for certain features that are a core part of other frameworks. This course will cover plugins for routing (React Router) and state management (Redux) as well as the core React functionality. The course has been updated to include a module on React Hooks which were introduced in version 16.8. This is a beginners course and no experience of React or the other component frameworks is expected.
4 days
Contact us for pricing

Prerequisites

Understanding of HTML, CSS and JavaScript.
This is a beginners course and no experience of React, Angular or Vue is expected.

Introduction

Development Environment
The node.js ecosystem

Core features

React Hello World
React Components
Rendering a component
Introduction to JSX

Components

Rendering components
Styling components
JSX syntax
Props
Events
Conditional rendering
Rendering a list

Forms

Binding to form elements
Event handling
Validation
Understanding state - state management
Custom validation

React Router

Single Page Applications
Adding react router to the project
Configuring react router
Query strings and url parameters

Advanced State Management

Understanding State
Introducing Redux
Reducers

Understanding React

Thinking in React
JSX Syntax
Understanding Virtual DOM
Component lifecycle
Fragments
Higher order components
Integrating with other libraries

React Hooks

What is a React Hook?
What are the pros and cons of using hooks?
Moving from classes to function components.
Using hooks to replace class lifecycle methods.
Using hooks to replace Redux.

Introduction to React Native

Native mobile development
Hybrid mobile development
React Native approach to mobile development
React Native Hello World

ReactJavaScriptWeb DevelopmentModern Web DevelopmentReact NativeFront End Web DevelopmentFullstack Web DevelopmentMERN Stack