Time-Saving React Native Button Component | React Native TypeScript Components #7
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- In this video, we create a time-saving custom reusable button component with typescript. Part 7 of the React Native Custom Components with TypeScript series.
GET SOURCE CODE 📀⬇️
🔴 Get Project Source Code - bit.ly/rn-ts-useful-components
🔴 All Other Source Codes & Support - bit.ly/ttpc-monthly-access
LET’S WORK
👋 You can reach me at - www.tothepointcode.com/contact
CHECK OUT THESE HELPFUL TUTORIALS
🟡 JavaScript Version - • Creating The Top 4 Rea...
🟡 Complete React and Node JS Login System - • Login Page with React ...
🟡 Node JS Projects - • Node JS Starter Guide
🟡 React Native Projects - • React Native Starter G...
🟡 Publishing Expo React Native App to Play Store Journey
- • Publish Expo React Nat...
🟡 PHP Project
- • PHP CRUD Application f...
TOOLS USED
🟠 Tool for my thumbnail & images - partner.canva.com/ttpc
🟠 Cheap website domain name - namecheap.pxf.io/ttpc
FOLLOW US ON:
🔵 Twitter - / tothepointcode
🔵 Instagram - invitescon...
🔵 GitHub - github.com/tothepointcode
🔵 TH-cam - / @tothepointcode
CHAPTERS
00:00 Starting the Button Component
00:38 How we'll handle the button style & props
00:58 Handling Presses on the button
01:31 Assigning the type props to the button
02:13 Displaying text in the button
02:29 Default styling for the button & reasons for values
#tothepointcode #typescript #reactnative
Hi @ToThePointCode , Thanks for this amazing content !!! I want to ask a question. Is this styled component styling consistent across Android and IOS, or any extra adjustments are required? Thanks in advance.
BRAAAAH!!!! youre the BEST out here. thanks for this playlist (っ◔◡◔)っ ❤
Hey brother, thank you for this tutorial, would a disabled prop work for this reusable button component?
Yes, it would work.
@@ToThePointCode awesome ✨
Baahahahahhahaha, I like how you ended it man, so cool.
Thanks man 😀👍🏽