English Delivery Only: React [STA_REACT]

Tijdsduur

English Delivery Only: React [STA_REACT]

Global Knowledge Network Netherlands B.V.
Logo van Global Knowledge Network Netherlands B.V.
Opleiderscore: starstarstarstar_halfstar_border 7,5 Global Knowledge Network Netherlands B.V. heeft een gemiddelde beoordeling van 7,5 (uit 185 ervaringen)

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Startdata en plaatsen
Er zijn nog geen startdata bekend voor dit product.

Global Knowledge Network Netherlands B.V. biedt haar producten standaard aan in de volgende regio's: Brugge, Gent

Beschrijving

Ontdek de verschillende trainingsmogelijkheden bij Global Knowledge

Online of op locatie er is altijd een vorm die bij je past.

Kies op welke manier jij of je team graag een training wilt volgen. Global Knowledge bied je verschillende trainingsmogelijkheden. Je kunt kiezen uit o.a. klassikaal, Virtueel Klassikaal (online), e-Learning en maatwerk. Met onze Blended oplossing kun je de verschillende trainingsvormen combineren.

OVERVIEW

*** Course delivered in English (UK - (GMT)) ***

React Course Overview

The React course comprises sessions dealing with setting up for and creating a React app,JSX and element rendering,components and props,state and lifecycle,

OBJECTIVES

Course Objectives

This course aims to provide the delegate with the knowledge to be able to build a Single Page Application (SPA) composed of React components and incorporating React Router. The delegate will also be exposed to application state containers including Flux and Redux and local state management via Hooks.

AUDIENCE

Who will the Course Benefit?

The React course is designed for JavaScript developers who are interested in using React to bu…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: React (JavaScript library), Engels, (X)HTML & CSS, JavaScript en Webdesign.

Ontdek de verschillende trainingsmogelijkheden bij Global Knowledge

Online of op locatie er is altijd een vorm die bij je past.

Kies op welke manier jij of je team graag een training wilt volgen. Global Knowledge bied je verschillende trainingsmogelijkheden. Je kunt kiezen uit o.a. klassikaal, Virtueel Klassikaal (online), e-Learning en maatwerk. Met onze Blended oplossing kun je de verschillende trainingsvormen combineren.

OVERVIEW

*** Course delivered in English (UK - (GMT)) ***

React Course Overview

The React course comprises sessions dealing with setting up for and creating a React app,JSX and element rendering,components and props,state and lifecycle,

OBJECTIVES

Course Objectives

This course aims to provide the delegate with the knowledge to be able to build a Single Page Application (SPA) composed of React components and incorporating React Router. The delegate will also be exposed to application state containers including Flux and Redux and local state management via Hooks.

AUDIENCE

Who will the Course Benefit?

The React course is designed for JavaScript developers who are interested in using React to build fast,single page,client-side web applications.

NEXT STEP

Further Learning

  • PHP Developer

CONTENT

React Training Course

Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION

  • Understanding React
  • Using Babel
  • Create-React-App
  • Setup & Project Structure

Session 2: MODERN JAVASCRIPT

  • Single Page Applications
  • Transpilers & Polyfills
  • ES6 Features
  • Primitive & Reference Types
  • Template Literals
  • Destructuring
  • Let,Const & Var
  • Arrow Functions
  • Understanding Classes
  • Decorators
  • Spread and Rest Operators
  • Default Parameters and Values
  • Exports and Imports
  • Modules
  • Array Functions
  • Promises
  • Generator Functions
  • Sets and Maps
  • Functional JavaScript
  • Typescript

Session 3: JSX & ELEMENT RENDERING

  • Virtual DOM
  • JSX
  • Lists and Keys

Session 4: COMPONENTS & PROPS

  • What is a Component
  • Functional vs. Class Components
  • React Props
  • State in Brief
  • Typechecking
  • Composition & Inheritance

React Training Course

Course Contents - DAY 2

Session 5: STATE & LIFECYCLE

  • State vs. Props
  • Adding State
  • Lifting State Up
  • Component Lifecycle
  • Component Lifecycle Methods
  • Immutability

Session 6: EVENT HANDLING

  • Handler Assignment
  • Binding to this
  • Passing Arguments to Event Handlers
  • Custom Components & Events
  • Synthetic Event

Session 7: FORMS

  • Controlled Components
  • Uncontrolled Components
  • Using Refs
  • Forms JSX Summary
  • Validation
  • Form Libraries

Session 8: REACT ROUTER

  • Using react-router
  • Core Components

React Training Course

Course Contents - DAY 3

Session 9: HOOKS

  • Motivation: Stateful Logic Re-Use
  • Functional Vs Class Components Refactored
  • Local State Without A Class: Internals
  • Standard Hooks
  • Custom Hooks: The Anticipated Future
  • The (Only) Rules of Hooks

Session 10: FURTHER REACT

  • Testing React
  • React Performance
  • Production Build/Deploy
  • Refs & DOM
  • React Patterns
  • Authentication
  • JSON Web Token
  • Third Party Components

React Training Course

Course Contents - DAY 4

Session 11: FLUX

  • Flux vs MVC
  • Flux Main Components
  • Flux Flow in Action
  • Flux Utils
  • Flux Implementations

Session 12: INTRODUCING REDUX

  • Redux: Inspired by Flux
  • Core Redux: Actions,Action Creators,Reducers,Store
  • Redux Data Flow

Session 13: REDUX & REACT

  • Introduction and Setup Environment
  • Components of React Redux
  • React Data Flow
  • Redux Recipes
  • Redux DevTools

Session 14: FURTHER REDUX

  • Middleware
  • Redux Thunk
  • Redux Saga
Blijf op de hoogte van nieuwe ervaringen
Er zijn nog geen ervaringen.
Deel je ervaring
Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

(optioneel)
(optioneel)
(optioneel)
infoEr is een telefoonnummer vereist om deze informatieaanvraag in behandeling te nemen. (optioneel)
(optioneel)
(optioneel)

Heb je nog vragen?

(optioneel)