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
€1250.00
Prerequisites
Understanding of HTML, CSS and JavaScript.This is a beginners course and no experience of React, Angular or Vue is expected.
Introduction
Development EnvironmentThe node.js ecosystem
Core features
React Hello WorldReact Components
Rendering a component
Introduction to JSX
Components
Rendering componentsStyling components
JSX syntax
Props
Events
Conditional rendering
Rendering a list
Forms
Binding to form elementsEvent handling
Validation
Understanding state - state management
Custom validation
React Router
Single Page ApplicationsAdding react router to the project
Configuring react router
Query strings and url parameters
Advanced State Management
Understanding StateIntroducing Redux
Reducers
Understanding React
Thinking in ReactJSX 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 developmentHybrid mobile development
React Native approach to mobile development
React Native Hello World
ReactJavaScriptWeb DevelopmentModern Web DevelopmentReact NativeFront End Web DevelopmentFullstack Web DevelopmentMERN Stack