React: Building Professional Web Applications

Ontwikkel krachtige en onderhoudbare webapplicaties met behulp van de nieuwste technieken en best practices in ReactJS.

Beschrijving

Het creëren van adaptieve, snelle en vloeiende webapplicaties vereist aanzienlijke inspanning. JavaScript alleen schiet vaak tekort bij het bouwen van onderhoudbare en schaalbare applicaties. ReactJS verbetert JavaScript door een component-based workflow te bieden voor het ontwikkelen van dynamische en responsive gebruikersinterfaces. Het wordt breed geadopteerd door grote bedrijven voor front-end ontwikkeling.

In deze training leer je ReactJS-componenten en -applicaties vanaf de basis op te bouwen. Je leert alles wat je nodig hebt: je ontwikkelomgeving instellen, componenten bouwen en stylen, state managen, de type-safety verbeteren en je applicatie testen. Je leert ook hoe je populaire libraries en tools kunt gebruiken om je applicaties te ontwikkelen. Aan het einde van deze training heb je de vaardigheden om je eigen ReactJS-applicaties te bouwen.

AI Boosted: Onderweg doe je optioneel ook praktijkervaring op met generatieve AI-tools zoals GitHub Copilot om je productiviteit en ontwikkelsnelheid te verhogen.

Leerdoelen

• Compose interactive applications using ReactJS [Create]
• Employ TypeScript, ESLint and Prettier to improve code quality of React applications [Apply]
• Elaborate on the context of the current ReactJS ecosystem [Understand]
• Implement local state using React hooks [Apply]
• Capture application state using a state management library (Zustand) [Apply]
• Derive side effects based on state using React hooks [Apply]
• Compose applications with reusable components using tailwindcss and chadcn/ui [Create]
• Differentiate between controlled and uncontrolled form components. [Understand]
• Implement resilient and performant data synchronization between client and server using React Query [Apply]
• Implement real-world forms using React Hook Form and Zod [Apply]
• Apply testing strategies and best practices to React components to implement unit tests with Vitest [Apply]

Onderwerpen

1. Introduction
2. Context
3. Setup
4. Component basics
5. Styling components
6. Stateful components
7. Testing using Vitest
8. Component libraries using shadcn/ui
9. Routing using React Router
10. Async & Backend using React Query
11. Forms using React Hook Form
12. State management using Context API and Zustand
13. Performance optimization