React, oorspronkelijk een eenvoudige interne tool voor Facebook, is uitgegroeid tot een van de toonaangevende open source JavaScript-bibliotheken. Deze training geeft u een dieper inzicht in React en helpt u de nieuwste ontwikkelingen en het ecosysteem te ontdekken dat u nodig hebt om nog geavanceerdere webapplicaties te ontwerpen.
INTER
INTRA
OP MAAT
Praktijkcursus ter plaatse
of via klasverband op afstand
Disponible en anglais, à la demande
React, oorspronkelijk een eenvoudige interne tool voor Facebook, is uitgegroeid tot een van de toonaangevende open source JavaScript-bibliotheken. Deze training geeft u een dieper inzicht in React en helpt u de nieuwste ontwikkelingen en het ecosysteem te ontdekken dat u nodig hebt om nog geavanceerdere webapplicaties te ontwerpen.
Aan het einde van de training is de deelnemer in staat om:
Inzicht in geavanceerde ReactJS-concepten
De prestaties van ReactJS-toepassingen optimaliseren
De kwaliteit van de geproduceerde code verbeteren
De verschillende essentiële externe bibliotheken integreren
Verbeter de gebruikerservaring met de geavanceerde functies van Redux
Doelgroep
Webontwikkelaars, architecten.
Voorafgaande vereisten
Eerdere ervaring met React en Redux en/of de cursus "ReactJS, mastering Facebook's JavaScript framework" (Ref. TJS).
Opleidingsprogramma
1
Inleiding
ES6+ en modules.
De belangrijkste principes van React: VirtualDOM, JSX, eenrichtingsgegevensstroom.
Ontdek het ecosysteem van ReactJS-tools.
Praktisch werk
Het opzetten van een ontwikkelomgeving die geoptimaliseerd is voor React en een eerste webapplicatie die als rode draad zal dienen voor volgende hoofdstukken.
2
Goede ontwikkelingspraktijken
Productiviteitsherinneringen: prop-types en DefaultProps, componentenblad met StoryBook.
Code typen met flow of TypeScript.
Het opzetten van unit- en functionele tests.
Snelle prototyping van componenten en oplossingen.
Praktisch werk
Verbeterde kwaliteit van applicaties dankzij geautomatiseerd typen en testen.
3
Geavanceerde technieken en ontwerppatronen
Het patroon van hogere orde componenten (HOC).
Rendering in externe DOM-elementen met behulp van portals.
React: maken van "customHooks" om aangepaste logica te distribueren.
Afhankelijkheidsinjectie met contexten.
Praktisch werk
Contexten en portalen implementeren in de Red Wire applicatie. Functionele componenten maken en hooks gebruiken.
4
Redux voor gevorderden
Redux-herinnering: de verschillende entiteiten, basissyntaxis en integratie met React.
Vereenvoudig en optimaliseer het maken van formulieren met Redux Form.
Verbeter de gebruikerservaring met Redux Persist en lokale statusopslag.
Redux aangepaste middleware maken.
Praktisch werk
Een formulier converteren naar Redux Form en de navigatie opslaan.
5
Prestaties optimaliseren
Hoe kunnen we de levenscyclus van componenten optimaliseren?
Gebruik onveranderlijkheid om de verwerking te versnellen en te vereenvoudigen.
Zuivere componenten.
API voor React.Suspense optimalisatie React.Lazy, concurrent modus en React.Cache.
Rendering aan de serverkant met NextJS.
Praktisch werk
Code splitsen implementeren met React.Lazy en Suspense.
6
Gebeurtenissen/overgangen
Componenten "met de hand" animeren met CSS-animaties en overgangen.
Vereenvoudig u werk met React Transition Group.
Verder gaan met de belangrijkste animatiebibliotheken: vergelijking en voorbeelden van implementatie.
Praktisch werk
Overgang toegevoegd voor het verschijnen/verdwijnen van verschillende schermen.
7
Internationalisering
Internationalisering versus lokalisering: verschillen en scenario's voor gebruik.
De belangrijkste boekhandels voor internationalisering.
Integratie met React en Redux.
Praktisch werk
Vertaling van de red wire-toepassing en beheer van de taalwijziging.
Feedback van klanten
4,7 / 5
De feedback van klanten is afkomstig van eindevaluaties na de opleiding. De score wordt berekend op basis van alle evaluaties die minder dan 12 maanden oud zijn. Alleen die met een tekstcommentaar worden weergegeven.
MOHAMED TAHA B.
27/05/26
5 / 5
zeer tevreden
MAXIME B.
27/05/26
5 / 5
Alles was heel duidelijk en helder. Het hele praktijkgedeelte is top; de rode draad, waarbij we de code herhalen om de uitkomsten goed te begrijpen, is echt heel goed uitgewerkt.
LOUIS D.
27/05/26
5 / 5
Zeer uitgebreid en neemt de tijd om samen met ons begrippen of concepten die nog niet goed zijn begrepen nog eens door te nemen
DIAS STEPHANE G.
27/05/26
5 / 5
Deze React-training was zeer leerzaam en uitgebreid, niet alleen dankzij de kwaliteit van de lessen en oefeningen, maar ook en vooral dankzij de didactische aanpak en de vrolijke instelling van onze trainer!
ANTHONY H.
18/03/26
5 / 5
Zeer uitgebreide en interessante inhoud, maar de nadruk ligt iets te veel op Redux
PASCAL L.
18/03/26
5 / 5
Zeer leerzaam. Een zeer intensieve opleiding ... Het lesmateriaal is van topkwaliteit.
GUILLAUME H.
15/12/25
4 / 5
De inhoud was goed en het onderwijs was aangepast aan de beschikbare tijd om de hele cursus te behandelen. Met meer tijd zou het interessant zijn geweest om het praktijkgedeelte op te splitsen in meer modules met een meer progressieve moeilijkheidsgraad.
ANDREAS B.
15/12/25
5 / 5
Zeer interessante cursus, die veel goede praktijken rond React behandelt, en ik ben erg blij dat het onderwerp optimalisatie/prestaties aan bod kwam. Ik vind het alleen jammer dat we niet meer tijd hadden om over Redux te leren.
JEAN-CLAUDE C.
15/12/25
5 / 5
De trainer was efficiënt en beschikbaar om onze vragen te beantwoorden: BRAVO!
GUILLAUME L.
24/09/25
5 / 5
Over het algemeen erg goed, met een goed initiatief om onderwerpen door te geven die iedereen onder de knie had.
SAWA LUIS E.
24/09/25
5 / 5
Zeer goede training
THIERRY L.
24/09/25
5 / 5
Zeer lonende cursus, met gestructureerde en relevante inhoud. De geavanceerde concepten van React werden duidelijk en geleidelijk behandeld. De manier van lesgeven van de trainer, waarbij theorie en praktijk werden gecombineerd, zorgde voor een goed begrip en effectieve toepassing. Ik was erg tevreden over deze cursus.
QUENTIN B.
24/09/25
5 / 5
Zeer dynamische presentatie en interessant onderwerp.
AXEL P.
24/09/25
5 / 5
Hij was een geweldige spreker en de inhoud die hij had voorbereid was van een zeer hoog niveau.
JULIEN B.
24/09/25
5 / 5
Thomas is geweldig! Hij is competent, levendig, zorgzaam en kan goed luisteren. De inhoud is erg compact, dus er is veel te leren, maar Thomas is erg leerzaam en maakt de dingen makkelijk te begrijpen. Ik ben absoluut blij.
VOORAFGAANDE VEREISTEN
Eerdere ervaring met React en Redux en/of de cursus "ReactJS, mastering Facebook's JavaScript framework" (Ref. TJS).
VAARDIGHEDEN VAN DE CURSUSLEIDER
De deskundigen die de cursus leiden zijn specialisten op het betreffende vakgebied. Zij werden geselecteerd door onze pedagogische teams zowel om hun vakkennis als hun pedagogische vaardigheden voor elke cursus die zij geven. Zij hebben minstens vijf tot tien jaar ervaring in hun vakgebied en oefenen of oefenden verantwoordelijke bedrijfsfuncties uit.
BEOORDELINGSMODALITEITEN
De cursusleider beoordeelt de pedagogische vooruitgang van de deelnemer gedurende de gehele cursus aan de hand van meerkeuzevragen, praktijksituaties, praktische opdrachten, …
De deelnemer legt ook van tevoren en naderhand een test af ter bevestiging van de verworven kennis.
PEDAGOGISCHE EN TECHNISCHE MIDDELEN • De gebruikte pedagogische middelen en cursusmethoden zijn voornamelijk: audiovisuele hulpmiddelen, documentatie en cursusmateriaal, praktische oefeningen en correcties van de oefeningen voor praktijkstages, casestudies of reële voorbeelden voor de seminars.
• Na afloop van de stages of seminars verstrekt ORSYS de deelnemers een evaluatievragenlijst over de cursus die vervolgens door onze pedagogische teams wordt geanalyseerd.
• Na afloop van de cursus wordt een presentielijst per halve dag verstrekt, evenals een verklaring van de afronding van de cursus indien de stagiair alle sessies heeft bijgewoond.
TOEGANGSMODALITEITEN EN TERMIJNEN
De inschrijving dient 24 uur voor aanvang van de cursus plaatsgevonden te hebben.
TOEGANKELIJKHEID VOOR MINDERVALIDEN
Is voor u speciale toegankelijkheid vereist? Neem contact op met mevr. FOSSE, contactpersoon voor mindervaliden, via het adres psh-accueil@ORSYS.fr om uw verzoek en de haalbaarheid daarvan zo goed mogelijk te bestuderen.
Dit programma is een origineel concept, ontwikkeld door de pedagogische teams van ORSYS Formation. Elke reproductie, weergave, aanpassing of exploitatie, geheel of gedeeltelijk, zonder voorafgaande schriftelijke toestemming van ORSYS, is ten strengste verboden. ORSYS behoudt zich het recht voor om alle nodige maatregelen te nemen ter bescherming van haar intellectuele-eigendomsrechten.
Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand
Dernières places
Date garantie en présentiel ou à distance
Session garantie
Geen sessie op dit moment, we nodigen je uit om het rooster van lessen op afstand te raadplegen.
22
Dit programma is een origineel concept, ontwikkeld door de pedagogische teams van ORSYS Formation. Elke reproductie, weergave, aanpassing of exploitatie, geheel of gedeeltelijk, zonder voorafgaande schriftelijke toestemming van ORSYS, is ten strengste verboden. ORSYS behoudt zich het recht voor om alle nodige maatregelen te nemen ter bescherming van haar intellectuele-eigendomsrechten.