Opleiding: Training React Advanced - Enterprise Applicaties
React is uitgegroeid tot één van de meest gebruikte front-end frameworks in de markt. Tijdens deze training zetten we React in voor applicaties op enterprise niveau waar performance, schaalbaarheid en security belangrijk zijn. Onderhoudbaarheid, code kwaliteit en debugging zijn uitgangspunten.
Algemene omschrijving
Enterprise applicaties
De populariteit van React laat zich verklaren door de enorme veelzijdigheid. We zien React terug in hele grote enterprise applicaties. De eisen aan de applicatie veranderen hierdoor: onderhoudbaarheid, schaalbaarheid, herbruikbaarheid van code en debugging worden vereisten.
Herbruikbare code en componenten
In enterprise grade applicaties wil je code en UI componenten kunnen hergebruiken binnen de applicatie en ook in andere applicatie. We gebruiken React Storybook om componenten onder te brengen en eenvoudig te hergebruiken.
Debugging
Debuggen is een essentiële vaardigheid om grote applicaties te kunnen onderhouden. We maken hier o.a. gebruik van de Chrome Devtools voor React om React applicaties te debuggen.
Testen
Jest is één van de grote testframeworks voor React in de markt. Jest is geschikt om zowel applicaties in React.js als React Native als React webapplicaties van unittests te voorzien.
Performance
High performance en het verwerken van grote aantallen bezoekers stelt hoge eisen aan applicaties. Gatsby en Next.js bieden de mogelijkheid om React applicaties deel uit te genereren en deels gebruik te maken van javascript op de backend. Vanwege de hoge mate van statische content kan een groot deel van de site draaien op een CDN, zodat deze een ongeveer onbeperkt aantal bezoekers kan verwerken.
Bedrijfstraining React Advanced
Wil je direct aan de slag met je eigen applicatie? In een bedrijfstraining kunnen wij de training volledig op maat verzorgen voor jou en je collega’s. Je kunt in een bedrijfstraining dan direct aan de slag met je eigen project en toepassingen.
Programma
De volgende onderwerpen worden tijdens de cursus React Advanced behandeld:
- Continuous development/Continuous Deployment in React
- Wanneer Gatsby / wanneer Next.js
- Overview Gatsby Framework
-
- Create and Deploy Your First Gatsby Site
- Gebruik Gatsby en React
- Gatsby Plugins
- Query Data (Data Layer)
- Transform data met MDX
- Gebruik Next.js
-
- Create a Next.js App
- Navigate Between Pages
- Assets, Metadata, and CSS
- Pre-rendering and Data Fetching
- Dynamic Routes
- API Routes
- Deploying Your Next.js App
- Testing in React met Jest Testing Framework
-
- Using Matchers
- Testing Asynchronous Code
- Setup and Teardown
- Mock Functions
- Testen in de praktijk
- Redux State Container
-
- Redux Overview and Concepts
- Redux App Structure
- Basic Redux Data Flow
- Using Redux Data
- Async Logic and Data Fetching
- Performance and Normalizing Data
- Redux Dev Tools (o.a. debugging)
- Redux tips en tricks
- React Developertools Chrome
- Debuggen van React applicaties
- Performance issues opsporen
- Performance optimalisatie React applicaties
- Code en components hergebruiken met React Storybook
- Zelf React Hooks schrijven
- Tips en tricks
