React Pro: Creare Real World applications
Tailwind, Zustand, Vite e TypeScript
Video Introduttivo Acquista il corso
Un corso pratico in cui sviluppiamo da zero un'applicazione React con TypeScript analizzando diversi scenari e casi d'uso frequenti - autenticazione, state management locale e globale, gestione forms, router, creazione layout e componenti, best practices e molto altro...
Visita la landing page ufficiale del corso per tutti i dettagli sul corso.
Contenuti del corso
-
Apri01. Premessa
-
Visualizza02. Creare un progetto React - TypeScript con Vite (2:41)
-
Visualizza03. React Components: Arrow Function vs Regular Function (1:00)
-
Visualizza04. JSX Multiline (0:55)
-
Visualizza05. React Fragment (1:24)
-
Visualizza06. JSX Expressions (0:37)
-
Visualizza07. Dynamic Attributes (0:35)
-
Visualizza08. Conditional DOM (0:56)
-
Visualizza09. Ternary Operator (0:24)
-
Visualizza10. Split in functions (1:28)
-
Visualizza11. Custom components (1:16)
-
Visualizza12. Component Properties (1:56)
-
Visualizza13. Split in multiple files (1:47)
-
Visualizza14. Mouse Events (0:58)
-
Visualizza15. Rendering e React Strict Mode (1:51)
-
Apri16. useState hook (4:04)
-
Apri17. Visualizzare un elenco di dati con map (1:32)
-
Apri18. useState & Map: aggiungere elementi alla lista (2:22)
-
Apri19. useEffect and Fetch Data (GET) (4:35)
-
Apri20. fetch, POST e aggiornamento stato (1:52)
-
Apri21. Custom Types (2:32)
-
Apri22. Utilizzare axios per la comunicazione con le API REST (2:29)
-
Apri23. TypeScript TIP: strict flag in tsconfig (1:31)
-
Apri24. TypeScript TIP: noImplicitAny (1:04)
-
Apri25. TypeScript TIP: Union Type (1:10)
-
Apri26. TypeScript TIP: Typed useState (2:49)
-
Apri27. TypeScript TIP: useState, Union Type e null (1:32)
-
Apri28. TypeScript TIP: strictNullCheck (1:52)
-
ApriPre-Requisiti
-
Apri1. Creare il progetto React con Vite (1:39)
-
Apri2. Strict Mode (1:50)
-
Apri3. Configurare Tailwind (2:52)
-
Apri4. Utilizzare Google Font (0:58)
-
Apri5. Tailwind @apply utility e mobile developers tools (6:00)
-
Apri6. Tailwind Page responsive layout (3:27)
-
Apri7. Tailwind Creare Button e varianti (6:07)
-
Apri8. Tailwind Forms Plugin (2:41)
-
Apri9. Tailwind Tables (1:49)
-
Apri10. Final Source Code
Profilo Istruttore
Fabio is both a community leader and a frequent contributor in many Italian front-end usergroups (Angular, React, Javascript). He’s a Google Developer Expert in Web Technologies / Angular and Microsoft MVP with more than 15 years of experience in developing enterprise level applications, interactive experiences and UI components in several languages and web technologies.
Currently, he holds meetups, events and training courses all over Italy.
His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Typescript/ES6, Redux, NGRX, RxJS, D3.js and several other web technologies
Communities:
- Front-end Group (Telegram)
- Angular Developers Italiani (Facebook)
- Javascript Developers Italiani (Facebook)
- React Developer Italiani (Facebook)
- Opportunità per Developer Italiani (Facebook)