Ontwikkeling in React - gratis cursus van ThinkNetica, training 9 weken, Datum 28 november 2023.

instagram viewer

1. Maak kennis met React

Een uitgebreid overzicht van React en zijn ecosysteem. Laten we kennis maken met de basisconcepten, fundamentele principes, omgevingsconfiguratie, het concept van een component en zijn typen, JSX.

2. Manieren om een ​​React-applicatie te maken

Laten we leren hoe we op verschillende manieren en met verschillende tools applicaties kunnen maken (vanaf het begin, met behulp van Webpack en Babel. JS / React-app maken / Volgende. JS / Gatsby), met en zonder server-side rendering.

3. Stijlen in een React-applicatie

Laten we leren hoe we stijlen voor een React-applicatie kunnen instellen en deze kunnen beheren met behulp van moderne tools (PostCSS, styled-components, styled-jsx).

4. Componenteigenschappen en staat

Laten we het concept van eigenschappen in componenten onderzoeken. Laten we leren hoe we ze kunnen overbrengen en typecontrole kunnen uitvoeren. Laten we het concept en de kenmerken van het gebruik van de status van een component (state) begrijpen.

5. Stateful en staatloze componenten

Laten we het concept van een staatloze component introduceren en de voordelen leren kennen van het gebruik van deze aanpak.

6. Levenscyclus van componenten

Laten we de elementen van de levenscyclus van componenten bestuderen en leren hoe we ze in de praktijk kunnen gebruiken.

7. Ingebouwde en aangepaste haken (React Hooks)

Laten we praktijken verzamelen voor het gebruik van een nieuwe tool in de React-bibliotheek om de leesbaarheid en hergebruik in code te verbeteren.

8. Testen met Jest en React Testing Library

Terwijl we de applicatie ontwikkelen, zullen we tests voor onze componenten schrijven met behulp van Jest en de React Testing Library.

9. Interactie met API

We zullen een applicatie ontwikkelen die zal communiceren met externe API's, gegevens zal ontvangen en verzenden via de API en deze op de frontend zal weergeven.

10. Routing in de applicatie (React Router), portalen (React Portals)

Laten we leren hoe we de URL kunnen matchen en de gewenste pagina kunnen weergeven zonder opnieuw te laden, zoals het zou moeten werken in een Single Page Application. We analyseren complexe gevallen, zoals het verwerken van inkomende parameters, omleidingen, foutpagina's, geautoriseerde toegang en modale vensters met behulp van portalen

11. Afhandeling van evenementen

Laten we het concept van synthetische gebeurtenissen introduceren in de React-bibliotheek. Laten we leren hoe we ze kunnen verwerken, drag'n'drop implementeren en leren werken met het klembord.

12. Context en authenticatie

Laten we het nieuwe contextmechanisme in de React-bibliotheek eens nader bekijken. Laten we leren hoe we het effectief in een applicatie kunnen gebruiken. Laten we leren werken met authenticatie, localStorage en cookies.

13. Manieren om formulieren te maken

We zullen de nuances leren van het maken van eenvoudige en complexe formulieren voor een applicatie met behulp van verschillende benaderingen en tools (zonder tools van derden, React Hook Form, Formik)

14. Productie-assemblage en implementatie

Workshop over het inrichten van de bestandsstructuur van het project, het inrichten van de omgeving en het voorbereiden van de assemblage en deployment van de applicatie met aansluitende ondersteuning.

Optioneel. Redux
Declaratieve benaderingen en middleware. Toepassing van Redux in een project.