Opleiding : ReactJS, geavanceerd programmeren

ReactJS, geavanceerd programmeren




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

Ref. RJS
  3d - 21u00
Prijs : Neem contact met ons op




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.


Pedagogische doelstellingen
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 hooks" functioneel programmeren: useEffect, useState.
  • 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,5 / 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.


Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand