Udemy – React et Typescript – Le cours et un projet complet
Udemy – React et Typescript – Le cours et un projet complet
RAR | Vidéo + Fichiers source | Français | 9 H 32 Min | 6.1 Go
Apprendre à écrire ses projets React en Typescript. Le but de ce tuto est de montrer comment écrire une application React en TypeScript. Deux parties ; une première partie de cours, et une deuxième partie de pratique avec un projet de type portfolio. Le projet met l’ensemble en application avec un vrai démonstrateur de type portfolio et lié au spatial et à son actualité (SpaceX, Nasa, JWST etc).
• Il est bien sûr écrit en TypeScript avec React 18
• On utilise tailwind comme framework CSS et le projet est totalement responsive
• React Router V6 est utilisé ici pour le routage, les redirections en cas d’erreurs et ses loaders
Pour les autres librairies : Lucide pour les icônes, Shadcn comme librairie de composants réutilisables, vite pour le scaffolder, et axios pour l’asynchrone/HTTP. Le code est orienté « clean-code » et « best-practices », et on passera l’appli au compilateur Typescript et au Linter, avant de la déployer en production grâce au couplage Github+Netlify. Ce tuto ne nécessite bien sûr aucune souscription à un service tiers payant. Tout est gratuit.
Le cours explique les notions de base du JS moderne :
• …spread et rest
• => fonction fat arrow
• => =>fonction de Curry
• ! truthy et falsy
• || et && (ou et et)
Puis celles du typescript :
• Compilation/compilateur TS
• Annotation de type
• Types primitifs et non-primitifs
• Inférence
• Type alias
• Interface
• Classes
• Tuples
• Union et intersection de types
• Type guards (typeof, instanceof, in, never)
• Prédicat et assertion de type
• Types génériques
Ce que vous apprendrez :
• Devenir meilleur en react
• Ecrire en typescript
• Améliorer son style avec Tailwind et Shadcn
• Améliorer sa programmation front-end de façon générale avec tous les outils de l’écosystème React
À qui ce cours s’adresse-t-il ?
• Tuto destiné à ceux voulant passer de React en JS à React en TS
Plus d’info:
_https://www.udemy.com/course/react-et-typescript-le-cours-et-un-projet-complet/
