Tutoriel TypeScript avec React en 1 HEURE | Comprendre l'ESSENTIEL en 2024

  Рет қаралды 5,506

Melvynx • Apprendre à coder

Melvynx • Apprendre à coder

Күн бұрын

Exercice TypeScript avec NextJS : mlv.sh/typescript
▶ VIDÉO
Dans cette vidéo, j'explique comment comprendre l'essentiel de TypeScript avec React en seulement 1 heure. Si tu cherches à te familiariser avec TypeScript tout en utilisant React, cette vidéo est ta ressource ultime pour 2024. Apprends à utiliser TypeScript pour sécuriser et améliorer ton code React.
Voici ce que tu apprendras :
- Les bases de TypeScript et ses avantages
- Configurer un projet React avec TypeScript
- Utiliser des composants typés
- Gérer les props et les states de manière optimale
- Techniques avancées et astuces pour 2024
Améliore tes compétences en développement front-end en combinant la puissance de TypeScript et React !
▶ CONTRIBUTION
Montage : / @nxtvids
▶ TIMECODES
00:00 - Intro
00:23 - Pourquoi TypeScript
02:24 - Setup du projet
09:30 - La vérité sur TypeScript (RUNTIME VS DEV)
19:30 - Props de base
22:00 - Children props
30:00 - Props avancées
35:00 - Unions
37:00 - Hooks useState inférence
39:00 - Refaire useState
48:00 - Custom hooks
54:00 - Autre hooks
57:00 - Cas concret
1:00:00 - Utility types
01:02:50 - Outro
▶ ME SUIVRE
Twitter : mlv.sh/twitter
GitHub : mlv.sh/github
Blog : mlv.sh/blog
Discord : mlv.sh/discord
Cours gratuit JavaScript : mlv.sh/bj-c
Cours gratuit React : mlv.sh/br-c
Cours gratuit NextJS : mlv.sh/nt-c
Masterclass sur les SaaS : mlv.sh/nowts-masterclass
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners

Пікірлер: 33
@joannybernardeau8691
@joannybernardeau8691 4 күн бұрын
Merci de cette vidéo car je comprends mieux l’intérêt de typescript. Petite aparté propstype force le typage a l"exécution de react en production, enfin c'est la nuance que j'ai compris.
@melvynxdev
@melvynxdev 4 күн бұрын
oui c'est juste
@Yazaniziii
@Yazaniziii 15 күн бұрын
Franchement c’est cool d’avoir du contenu de qualité en français. Merci encore ! Force à toi.
@melvynxdev
@melvynxdev 15 күн бұрын
Merci beaucoup à toi aussi
@calledphilly
@calledphilly 13 күн бұрын
Merci beaucoup pour cette vidéo ! Et aussi merci beaucoup d'avoir parlé plus lentement 😭. J'étais souvent angoissé en regardant tes vidéos parce que tu parlais trop vite pour moi. Y avait trop d'information qui passait beaucoup trop vite pour moi 😭 mais là franchement cette vidéo était grave reposante ! Merci beaucoup Melvyn !
@melvynxdev
@melvynxdev 13 күн бұрын
ahaha merci normalement je fais des effort mtn
@user-sy7ss1jp5d
@user-sy7ss1jp5d 9 күн бұрын
@@melvynxdev Bonjour, un tuto sur Remix please🥺
@dysper971
@dysper971 16 күн бұрын
Super bien expliqué ! Thanks
@melvynxdev
@melvynxdev 15 күн бұрын
merci !
@neo_jnior
@neo_jnior 12 сағат бұрын
Salut Melvyn je suis encore sur ta formation 3 sur le js😊 Une pepite
@melvynxdev
@melvynxdev 9 сағат бұрын
lh yeah
@nelsonmuvingi01
@nelsonmuvingi01 15 күн бұрын
Merci encore Melvyn 🙏
@melvynxdev
@melvynxdev 15 күн бұрын
Avec plaisir
@yossia4389
@yossia4389 11 минут бұрын
Puorquoi est ce que je ne vois pas les errors typecript ssouligné ?
@user-hy6tr9fl5n
@user-hy6tr9fl5n 15 күн бұрын
Merci beaucoup
@melvynxdev
@melvynxdev 15 күн бұрын
Avec plaisir
@mrjecko3558
@mrjecko3558 15 күн бұрын
merci
@melvynxdev
@melvynxdev 15 күн бұрын
Yeah !
@sephyroth5559
@sephyroth5559 9 күн бұрын
Tes un bon le melvynx
@melvynxdev
@melvynxdev 7 күн бұрын
Yeah
@jarod51
@jarod51 7 күн бұрын
Bravo pour ce contenu ! Magnifique ! Je serais curieux de voir le projet utilisé dans cette vidéo a des fins d'étude. c'est possible ?
@melvynxdev
@melvynxdev 7 күн бұрын
Quel projet ?
@jarod51
@jarod51 7 күн бұрын
@@melvynxdev la base de code que l'on voit à la fin et qui semble particulièrement bien structuré mais particulièrement dense 😀
@GbagboAlexfranklinZadi
@GbagboAlexfranklinZadi 9 күн бұрын
je te suis depuis la cote d'ivoire .. j'aimerais savoir comment connaitre les types générés de manière automatique
@melvynxdev
@melvynxdev 7 күн бұрын
je fais pas ça ?
@Picode91
@Picode91 2 күн бұрын
const commentaire: string = ' merci pour cette video 🙏'
@melvynxdev
@melvynxdev 2 күн бұрын
ahaha ok
@_lorenz013
@_lorenz013 14 күн бұрын
Je trouve ça dommage parce que tes explications sont bien mais tu perds ta crédibilité à chaque mot anglais que tu prononces 😅 Est-ce que c'est fait exprès ? Je t'avoue ne pas comprendre... Pour une personne qui dit former des gens pour bosser en entreprise c'est un peu paradoxal de ne pas savoir prononcer des mots basiques tels que "children" Bref je plains juste tous les jeunes développeurs qui vont "copier" ta mauvaise prononciation...
@melvynxdev
@melvynxdev 14 күн бұрын
Bravo, tu sais, il y a que les Français pour "juger" la prononciation des autres. Alors qu'ils ne savent généralement pas faire mieux. Les Anglais s'en foutent. Ton commentaire est inutile et puéril.
@_lorenz013
@_lorenz013 14 күн бұрын
@@melvynxdev je n'ai jamais dit qu'il y avait besoin d'avoir une prononciation parfaite pour se faire comprendre mais il y a un minimum... Je voulais te donner un retour pour que tu puisses t'améliorer, je trouve ça dommage que tu le prennes comme une critique gratuite. Bonne continuation !
@melvynxdev
@melvynxdev 13 күн бұрын
@@_lorenz013 Si tu voulais faire une critique constructive, tu n'aurais pas dit quelque chose d'aussi méchant que "Bref je plains juste tous les jeunes développeurs qui vont "copier" ta mauvaise prononciation..." mais tu m'aurais juste conseillé de m'améliorer en me donnant une ressource pour le faire ou en partageant ton expérience.
@tmk2462
@tmk2462 10 күн бұрын
​@@melvynxdev franchement t'arretes pas à des commentaires d'abrutis qui dans 99% des cas sont des bons à rien. Perdre en crédibilité à cause d'un accent ??? mais MDR il sort d'où ce mec. C'est un DEV pas un TRADUCTEUR !!!!!!!!!! C'est completement débile de dire ça. "Bref je plains juste tous les jeunes développeurs qui vont "copier" ta mauvaise prononciation..." mais MDR j'en peux plus !!!!!!!!!!!!! Parce que ca va empêcher les jeunes DEV de trouver un poste d'avoir un mauvais accent ? Je suis bilingue avec un accent de vrai Français et ça ne m'a jamais empêché de parler ou travailler à l'internationnal. Melvin t'es archi skillé et je te remercie sincèrement pour ton contenu gratuit de qualité.
L'informatique quantique, c'est simple, en fait.
8:44
V2F
Рет қаралды 124 М.
ИРИНА КАЙРАТОВНА - АЙДАХАР (БЕКА) [MV]
02:51
ГОСТ ENTERTAINMENT
Рет қаралды 9 МЛН
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 87 МЛН
Heartwarming: Stranger Saves Puppy from Hot Car #shorts
00:22
Fabiosa Best Lifehacks
Рет қаралды 13 МЛН
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 35 МЛН
TUTO Shadcn UI avec TailwindCSS : Tout comprendre en 30 minutes
30:19
Melvynx • Apprendre à coder
Рет қаралды 8 М.
TUTO React Server Component de A à Z en 2024
42:46
Melvynx • Apprendre à coder
Рет қаралды 10 М.
Comment j'ai Créé un SaaS en seulement 5 jours (de l'idée à la publication)
13:41
Melvynx • Apprendre à coder
Рет қаралды 17 М.
Apprendre TYPESCRIPT en 1 HEURE (l'ESSENTIEL en 2024)
1:33:19
Ce qu'il ne faut pas manquer sur React 19 (React Conf 2024)
15:27
Les 15 Erreurs useState & useEffect que TOUS les Débutants Font en React
30:58
Melvynx • Apprendre à coder
Рет қаралды 10 М.
Le WEB A Changé en 2024, voici ce que tu dois savoir
12:11
Melvynx • Apprendre à coder
Рет қаралды 28 М.
Quitter son CDI de dev : quel business lancer ?
14:12
Melvynx • Apprendre à coder
Рет қаралды 41
Tutoriel REACT.JS en 1 HEURE | Comprendre l'ESSENTIEL en 2024
1:12:44
Melvynx • Apprendre à coder
Рет қаралды 35 М.
RÉVÉLATION : Le moment où tout devient LOGIQUE (en dev)
10:13
Melvynx • Apprendre à coder
Рет қаралды 7 М.
Blue Mobile 📲 Best For Long Audio Call 📞 💙
0:41
Tech Official
Рет қаралды 1 МЛН
Собери ПК и Получи 10,000₽
1:00
build monsters
Рет қаралды 2,1 МЛН
YOTAPHONE 2 - СПУСТЯ 10 ЛЕТ
15:13
ЗЕ МАККЕРС
Рет қаралды 157 М.