Comment créer des composants custom avec Tailwind en React Native Typescript ?
C'est le sujet de cette nouvelle série de vidéos consacrée à React Native Typescript/Expo.
Dans cette vidéo vous apprendrez :
- Comment installer Tailwind en React Native
- Comment utiliser Tailwind pour créer des composants réutilisables
- Comment customer Tailwind avec votre propre thème
- Comment enrichir votre Tailwind avec des propriétés propres au mobile (comme les box shadow)
Les liens utiles :
Starter pack
https://github.com/wass08/react-native-02-tailwind-starter
Final pack
https://github.com/wass08/react-native-02-tailwind-final
La librairie Tailwind React Native
https://docs.expo.dev/guides/typescript/
La documentation de Tailwind
https://github.com/vadimdemedes/tailwind-rn
#Tailwind #ReactNative #TypeScript #Expo
Intro: (00:00)
Projet de démarrage: (00:29)
Installation de Tailwind: (01:38)
Création d'un composant button: (05:34)
Personnalisation du thème de Tailwind: (16:53)
Création d'un composant Card: (23:28)
Conclusion: (28:27)
====
???? La communauté Discord
https://discord.gg/2wBhwchcWu
???? Insta :
https://instagram.com/wawa.sensei
???? Facebook :
https://www.facebook.com/wawasenseiyt
????Twitter :
https://twitter.com/wawasensei
???? Mon site web :
https://www.wawasensei.dev
???? Ma talentueuse amie qui a réalisé mon end screen :
https://www.instagram.com/noemie_pulido
C'est le sujet de cette nouvelle série de vidéos consacrée à React Native Typescript/Expo.
Dans cette vidéo vous apprendrez :
- Comment installer Tailwind en React Native
- Comment utiliser Tailwind pour créer des composants réutilisables
- Comment customer Tailwind avec votre propre thème
- Comment enrichir votre Tailwind avec des propriétés propres au mobile (comme les box shadow)
Les liens utiles :
Starter pack
https://github.com/wass08/react-native-02-tailwind-starter
Final pack
https://github.com/wass08/react-native-02-tailwind-final
La librairie Tailwind React Native
https://docs.expo.dev/guides/typescript/
La documentation de Tailwind
https://github.com/vadimdemedes/tailwind-rn
#Tailwind #ReactNative #TypeScript #Expo
Intro: (00:00)
Projet de démarrage: (00:29)
Installation de Tailwind: (01:38)
Création d'un composant button: (05:34)
Personnalisation du thème de Tailwind: (16:53)
Création d'un composant Card: (23:28)
Conclusion: (28:27)
====
???? La communauté Discord
https://discord.gg/2wBhwchcWu
???? Insta :
https://instagram.com/wawa.sensei
???? Facebook :
https://www.facebook.com/wawasenseiyt
????Twitter :
https://twitter.com/wawasensei
???? Mon site web :
https://www.wawasensei.dev
???? Ma talentueuse amie qui a réalisé mon end screen :
https://www.instagram.com/noemie_pulido
- Catégories
- E commerce Divers
Commentaires