![Coder](/img/default-banner.jpg)
- 108
- 54 951
Coder
Sri Lanka
เข้าร่วมเมื่อ 5 ก.พ. 2023
Welcome to Coder, the ultimate destination for budding programmers and seasoned developers alike! 🚀
Our channel is a treasure trove of React Native tutorials crafted to transform the way you code. From setting up your development environment to mastering complex UIs, we cover it all. Whether you're taking your first steps in app development or looking to sharpen your skills, our step-by-step guides are designed with clarity and simplicity in mind.
👨💻 Here's what you'll find inside:
- Beginners' Guides
- Peed Coding
- Deep Dives
- Practical Tips
New to React Native? Start with our "Getting Started" series.
Looking to level up? Our advanced tutorials tackle everything from state management to animation.
🌐 Join our community of learners and experts pushing the boundaries of what's possible with code. Subscribe now and turn notifications on to never miss a lesson on your journey to becoming a React Native pro!
#reactnative #codingtutorials #appdevelopment #programming
Our channel is a treasure trove of React Native tutorials crafted to transform the way you code. From setting up your development environment to mastering complex UIs, we cover it all. Whether you're taking your first steps in app development or looking to sharpen your skills, our step-by-step guides are designed with clarity and simplicity in mind.
👨💻 Here's what you'll find inside:
- Beginners' Guides
- Peed Coding
- Deep Dives
- Practical Tips
New to React Native? Start with our "Getting Started" series.
Looking to level up? Our advanced tutorials tackle everything from state management to animation.
🌐 Join our community of learners and experts pushing the boundaries of what's possible with code. Subscribe now and turn notifications on to never miss a lesson on your journey to becoming a React Native pro!
#reactnative #codingtutorials #appdevelopment #programming
Designing a Home Rental App Login Page Speed Code in 2024
Watch this high-speed coding session as I build a stunning Login UI for the Home Rental app using React Native. In this speed code video, you'll get a behind-the-scenes look at the UI development process, from designing the layout to implementing interactive elements. Perfect for React Native enthusiasts and developers looking to enhance their skills.
Developed by Suhad Akila Mendis
LinkedIn: www.linkedin.com/in/suhadmendis/
🔗 GitHub Repository: github.com/Suhadmendis/react-native-find-home.git
#ReactNative #SpeedCode #AppDevelopment #DailyRecipeApp #UIDesign #MobileDevelopment #Coding #Developer #Tech #Programming #JavaScript #FrontEnd #React #AppDesign #UI #UX #GitHub #VSCode
Developed by Suhad Akila Mendis
LinkedIn: www.linkedin.com/in/suhadmendis/
🔗 GitHub Repository: github.com/Suhadmendis/react-native-find-home.git
#ReactNative #SpeedCode #AppDevelopment #DailyRecipeApp #UIDesign #MobileDevelopment #Coding #Developer #Tech #Programming #JavaScript #FrontEnd #React #AppDesign #UI #UX #GitHub #VSCode
มุมมอง: 306
วีดีโอ
React Native UI Tutorial: Designing the Home Screen for Daily Recipe App | Step-by-Step Guide
มุมมอง 2307 หลายเดือนก่อน
🎥 Develop Responsive App : th-cam.com/video/BvZwXYgGCFQ/w-d-xo.html Unlock the potential of React Native by following this comprehensive UI development tutorial on designing the Home Screen for the Daily Recipe App. In this step-by-step video tutorial, we’ll guide you through the process of creating a functional and visually appealing home screen that enhances user experience. Whether you’re a ...
Designing a React Native Recipe App from scratch Speed Code in 2024
มุมมอง 2237 หลายเดือนก่อน
Welcome to the first part of our speed coding series! In this video, we dive into the development of the Daily Recipe app using React Native. Watch as we quickly design and implement some essential screens, creating a visually appealing and user-friendly interface. This video is perfect for developers looking to enhance their React Native skills or anyone interested in app UI development. Don't...
Building a Furniture App | Speed Code React native - Home Page & Detail Page
มุมมอง 530ปีที่แล้ว
Explore the power of React Native in this step-by-step coding tutorial. Watch as we develop the home and detail pages for a sleek Furniture App, showcasing practical coding techniques for a professional and polished finish. Whether you’re a React Native newbie or looking to refine your skills, this video is the perfect blend of speed and detail. 🔗 GitHub Repo: github.com/Suhadmendis/react-nativ...
React Native UI Development Speed Code: Photoplay App
มุมมอง 206ปีที่แล้ว
React Native UI Development Speed Code: Photoplay App
Full Tutorial to React Native: Crafting the Photoplay App's Profile Screen
มุมมอง 732ปีที่แล้ว
Full Tutorial to React Native: Crafting the Photoplay App's Profile Screen
React Native Speed Coding: Build a Profile Screen in Minutes | Photoplay App
มุมมอง 113ปีที่แล้ว
React Native Speed Coding: Build a Profile Screen in Minutes | Photoplay App
Ultimate React Native Christmas App UI Development Speed Coding Tutorial #reactnative #speedcoding
มุมมอง 2Kปีที่แล้ว
Ultimate React Native Christmas App UI Development Speed Coding Tutorial #reactnative #speedcoding
Full Tutorial: Building Photo Play's Download Screen with React Native!
มุมมอง 233ปีที่แล้ว
Full Tutorial: Building Photo Play's Download Screen with React Native!
React Native Speed Coding: Photo Play App's Download Screen Tutorial!
มุมมอง 49ปีที่แล้ว
React Native Speed Coding: Photo Play App's Download Screen Tutorial!
React Native Search Screen: Speed Coding the Photo Play App!
มุมมอง 60ปีที่แล้ว
React Native Search Screen: Speed Coding the Photo Play App!
Full Tutorial React Native: Build an Intuitive Search Screen for Photo Play App!
มุมมอง 56ปีที่แล้ว
Full Tutorial React Native: Build an Intuitive Search Screen for Photo Play App!
React Native Flexbox Tutorial: Build Responsive Layouts
มุมมอง 70ปีที่แล้ว
React Native Flexbox Tutorial: Build Responsive Layouts
Full Tutorial React Native: Building the Photo Play App's Cast Screen UI
มุมมอง 106ปีที่แล้ว
Full Tutorial React Native: Building the Photo Play App's Cast Screen UI
React Native Speed Code: Crafting the Photo Play App Cast Screen #reactnative
มุมมอง 69ปีที่แล้ว
React Native Speed Code: Crafting the Photo Play App Cast Screen #reactnative
Optimize React Native UIs: Justify Content Property Tutorial
มุมมอง 71ปีที่แล้ว
Optimize React Native UIs: Justify Content Property Tutorial
Full Tutorial React Native Mastery: Developing Detail Screen UI for PhotoPlay App
มุมมอง 174ปีที่แล้ว
Full Tutorial React Native Mastery: Developing Detail Screen UI for PhotoPlay App
React Native Flex Direction Explained: Create Dynamic Layouts
มุมมอง 109ปีที่แล้ว
React Native Flex Direction Explained: Create Dynamic Layouts
React Native Development: Detail Screen UI Speed Coding for PhotoPlay App #reactnative #speedcode
มุมมอง 55ปีที่แล้ว
React Native Development: Detail Screen UI Speed Coding for PhotoPlay App #reactnative #speedcode
Effortless Responsive UIs in React Native: The Ultimate Percentage Dimensions Guide
มุมมอง 91ปีที่แล้ว
Effortless Responsive UIs in React Native: The Ultimate Percentage Dimensions Guide
Mastering React Native Layouts: In-Depth Fixed Dimensions Tutorial
มุมมอง 196ปีที่แล้ว
Mastering React Native Layouts: In-Depth Fixed Dimensions Tutorial
FULL React Native Home Screen with Footer Tutorial: Complete Guide to Building a PhotoPlay App
มุมมอง 204ปีที่แล้ว
FULL React Native Home Screen with Footer Tutorial: Complete Guide to Building a PhotoPlay App
React Native Tutorial: Understanding Filters for Data Manipulation
มุมมอง 71ปีที่แล้ว
React Native Tutorial: Understanding Filters for Data Manipulation
FULL React Native Forgot Password Screen Tutorial: Complete Guide to Building a PhotoPlay App
มุมมอง 88ปีที่แล้ว
FULL React Native Forgot Password Screen Tutorial: Complete Guide to Building a PhotoPlay App
Getting Started with React Native and Expo - A Beginner's Tutorial - Exercise #1
มุมมอง 80ปีที่แล้ว
Getting Started with React Native and Expo - A Beginner's Tutorial - Exercise #1
FULL React Native Register Screen Tutorial: Complete Guide to Building a PhotoPlay App
มุมมอง 77ปีที่แล้ว
FULL React Native Register Screen Tutorial: Complete Guide to Building a PhotoPlay App
React Native Mastery: Building Photo Play's Home Screen | Speed Code
มุมมอง 101ปีที่แล้ว
React Native Mastery: Building Photo Play's Home Screen | Speed Code
React Native FlatList Explained: Build Smooth Lists in Your Apps
มุมมอง 84ปีที่แล้ว
React Native FlatList Explained: Build Smooth Lists in Your Apps
React Native Speed Code: Developing Photo Play's Register & Forgot Password Screens
มุมมอง 74ปีที่แล้ว
React Native Speed Code: Developing Photo Play's Register & Forgot Password Screens
Master Responsive Design in React Native: Harness Media Queries for Seamless UIs
มุมมอง 3.5Kปีที่แล้ว
Master Responsive Design in React Native: Harness Media Queries for Seamless UIs
I cloned this repo but not working. No error, means nothing display.
please check two branches
Thank you very much . Simple and Neat Tutorial
Hi. I really like this UI design, do you have a public repo for it? I would use it for my university.
Is it completely responsive?
no, this is not fully responsive
Amazing 😃🙌
Thank you! Cheers!
Best 🙏😀
Thank you
Can you give the source code link? I'm trying to learn design.
good video
Glad you enjoyed
thank u for the video and ur amazing content
Glad you enjoy it!
Thank you
😊 Thank you for watching and taking the time to leave a comment. I'm glad you found the video helpful. If you have any questions or suggestions for future content, feel free to let me know. Happy coding!
🔥💯
Thank you
just waw 🔥🙏🏻 please make a tutorial on creating a Real estate application on react native(Rent a house) Full project
Thank you so much for the support! 🙏🏻🔥 I'm glad you enjoyed the video. That's a fantastic idea for a tutorial! Stay tuned - I'll definitely consider creating a full project tutorial on building a real estate application (Rent a House) using React Native. Make sure to subscribe
@@coder2308 ❤️❤️
Good work❤
Thank you so much! ❤ I appreciate your support and am glad you enjoyed the video. Stay tuned for more content! 😊🚀
Good job
Thanks a lot! I'm glad you liked it. More exciting content is on the way! 🚀
nice video i was searching for a video like this to make responsive pages in react native very helpfull
It's great to hear that the video was helpful to you! Creating responsive pages in React Native can be a crucial skill, and I'm glad I could provide content that meets your needs. If you have any specific questions or topics you'd like to see covered in future videos, feel free to let me know. Thanks for watching! 😊
Best 🙂👍
Thank you so much! Your support is what makes this all the best for me. Glad you're enjoying the content! 😊✨
Hello Coder Really awesome tutorial. One issue though. It seems the project is not complete. The mapScreen, savedScreen, and settingsScreen have not been implemented. Also there is no medium for the car owners or dealerships to actually display their cars on the home screen. I would really appreciate it if you could add these functionalities to make it a complete project. Thank you 🙏🏾 Overall Great tutorial.
Hello, and thank you for the positive feedback and for bringing this to my attention! I'm glad you found the tutorial awesome. The tutorial was designed to cover the foundational aspects of a car rental app. However, I understand that implementing additional features like mapScreen, savedScreen, and settingsScreen can be crucial for a complete application. I'll consider creating follow-up tutorials to cover these features and provide a more comprehensive guide. Thanks for your suggestion and support! 👍🚗
@@coder2308 That would be awesome👍🏾
@@coder2308 That will be great 👍
The GitHub repository link you provided does not have the complete project codes (I'm talking about the main branch). Please correct that. Much appreciated🙏🏾🙏🏾
Thank you for bringing this to my attention, and I apologize for the oversight. I'm currently updating the repository to ensure all the codes are available, including the main branch. I'll notify you as soon as it's been corrected. Your patience and understanding are much appreciated! 👍🛠️
Fantastic application development.😍
Thank you so much! I'm really glad you appreciate the work. Your support fuels my passion for developing and sharing more! 😊🚀
Wow great ❤
Thanks a lot! I'm so happy you liked it. Stay tuned for more! 😊👍
Amazing work man! What tool is the one you have the design in? Do you like it? Happy new year!
Thanks for the compliment! The designs are done in Figma. Happy New Year to you too! 😊🎉
Greetings and Merry Christmas from the Dominican Republic
Thank you for the warm wishes! Merry Christmas and Happy New Year to you too, all the way to the Dominican Republic! Hope you're having a wonderful holiday season. 🎄🎉
🎉🎉🎉🎉🎉🎉🎉🎉
Thanks for the cheer! 😄🚀
merry christmas and happy new year
Merry Christmas and a Happy New Year to you too! Wishing you a festive season filled with joy and a wonderful start to the new year. 🎄✨🎉
Be a Muslim, lets change code of Mind. May Allah forgive us. Ameen.
Thank you for your thoughts. Wishing everyone peace and positivity in all aspects of life. Let's keep our community united in learning and growing. 😊🙏
Make bottom tabs working as well as
Thanks for the suggestion! I'll take that into consideration for the next tutorial where I'll cover the functionality of bottom tabs. Stay tuned and thanks again for your input! 😊👍
Please make more video like this ❤
Absolutely, I’m thrilled you enjoyed the video! I’m planning more content like this, so stay tuned. Your enthusiasm is what motivates me to keep creating. Thanks for the support! ❤️🎥
Amazing 🔥😮👏
Thanks so much! I'm really glad you enjoyed the video. Your support is greatly appreciated. Stay tuned for more! 😊🔥
The best! 👍🙂
Thank you so much bro ❤
You're welcome! I'm so happy to hear that you found the video useful. Your appreciation truly means a lot. If there's anything else you'd like to see, just let me know. Cheers! 😊❤️
❤
Thanks for the love! ❤️ Glad you're enjoying the content!
Excelente 🎉🎉
¡Muchas gracias! Me alegra mucho que te haya gustado el tutorial. ¡Sigue conectado para más contenido así! 😊🚀
Please make potato Desease Classification app which have scanner to scan leaves
Thanks for the suggestion on the potato disease classification app with a leaf scanner feature! That's an interesting and specialized topic. I'll definitely consider it for a future project as it involves both app development and machine learning. Keep an eye out for updates, and thanks again for your idea! 😊🌱📱
@@coder2308 Now only make an App or UI as soon as possible ☺️ immediately basis 😃
I appreciate your enthusiasm and urgency! It's great to see so much interest in the potato disease classification app. These projects take time to ensure quality and accuracy, especially with complex features like a leaf scanner. I’m working on it, and I aim to have it out as soon as I can without compromising on the details. Thanks for your patience and stay tuned! 😊🌿
Nice! Where do you get your color theme ideas?
Thanks for your interest in the color themes! I've included all the details of this video th-cam.com/video/weNxEOMrTHU/w-d-xo.html. Be sure to check it out for some useful resources and inspiration. Enjoy! 😊👍
Thanks buddy.
Any time! Glad you found it helpful. Don't hesitate to drop any questions or future tutorial requests you might have. Happy coding! 😊👍
I love it.Don't give up bro.Thank you for helping us
Thanks so much for your encouragement! 🌟 It means a lot to have your support. I'm committed to continuing and providing helpful content. Your message is a great motivation. Stay tuned for more videos! 😊🙏
@@coder2308 Im not gay but i love u man👥
Thanks, your support really means a lot!
Can you provide GitHub code
Can you connect this app with appwrite backend It would be a great help for me
Thanks for reaching out with your request! Integrating Appwrite as a backend for a React Native app is a great topic. I'll definitely consider creating a tutorial on this to help you and others looking to do the same. It’s on my list now, and I’ll let you know once it’s up. Stay tuned! 😊👨💻
@@coder2308 sure subscribed✌️
Thank you
Well Done its a good series easily understandable
Thank you so much for the kind words! I'm really glad to hear that the series is clear and helpful for you. Your support is what keeps me going. Stay tuned for more! 😊🙌
Could you made an video for responsive fonts across all devices like android ios and iPads
Absolutely, that's a fantastic suggestion! Understanding how to make fonts responsive across different devices is crucial for a great user experience. While I work on creating a video specifically about responsive fonts, you might find this tutorial on responsive layouts helpful as it covers similar principles: React Native Flexbox Tutorial: Build Responsive Layouts. Stay tuned for more, and thanks for your input! 😊👍
Zoom the ide little bit for video please
Thanks for your feedback! I'll make sure to zoom in on the IDE in future videos for better clarity. Really appreciate you taking the time to let me know. Stay tuned for the improved content! 😊
How can create a responsive ui using react native Mobile & TAB both. ❤
Great question about responsive UI! I've got just the thing to help you get started: check out this basic tutorial on making your React Native app responsive across different devices Basic Responsiveness in React Native - th-cam.com/video/BvZwXYgGCFQ/w-d-xo.html. It covers the essentials and should give you a solid foundation. Enjoy the tutorial and let me know if it helps! 😊📱🔲
Is it completely responsive? Why didn't you use Tailwind CSS or similar CSS framework?
Great question! This tutorial is designed to cover the basics of React Native and to help beginners understand the core concepts without relying on CSS frameworks. The goal is to teach foundational skills that can be built upon. As for responsiveness, I've implemented basic responsive design techniques native to React Native. I might cover more advanced responsive design and frameworks like Tailwind CSS in future videos. Stay tuned! 😊
If I may ask, is it right to use CSS frameworks like tailwind?
Absolutely, it's quite common to use CSS frameworks like Tailwind to speed up development and ensure consistency in design. Tailwind, in particular, is known for its utility-first approach, making it a powerful tool for creating custom designs quickly. Whether to use it depends on your project's needs and your personal or team's workflow preferences. Happy coding! 😊👨💻
Yes, it is. Don't worry, it won't bite you. @@GospelMessageTV
Very helpful😊
I'm so glad to hear that you found it helpful! 😄 If you're looking for more details, I've created a full tutorial that you can check out here for a deeper dive: Full React Native Tutorial. I hope it adds even more value to your learning journey. Thanks for the support!
be regular
Thanks for the encouragement! I'm working on bringing out new content regularly. Keep an eye out for the next update, and thanks for sticking around! 😊👍
Gonna grow big
Thank you so much for the vote of confidence! 🚀 I'm excited about the journey ahead and so grateful for your support. Let's grow together! 😊🌱
2023 and I still see JS on the React Native app 😂 One dislike from me
Thanks for sharing your thoughts! JavaScript has indeed been around for a while, and it's interesting to see how different technologies evolve or maintain their presence over time. I understand it might not be everyone's preference. I'd love to hear your suggestions and might explore that in future tutorials. 😊👨💻
Haha, what the?! You're still a student! You don't have enough experience to form such a strong opinion yet. Javascript still dominates the market.
can u use api ,pls ?
Absolutely, using APIs is a key part of React Native development. I'll consider making a tutorial on how to integrate APIs in a future video. Thanks for the suggestion, and please stay tuned! 😊👍
@@coder2308 thank you 🥰
Excellent Thanks
Thank you so much for your feedback! I'm glad you found the tutorial excellent. If there's anything specific you'd like to learn about next, let me know. Happy coding! 😊👨💻
@@coder2308the video is very good and easy to follow, please allow me to request material related to the REST API or using Firebase with React Native. Thank you sir🙏
@@iqbalrivaldi2856 Thanks for the kind words and for your request! I'm glad you find the videos easy to follow. REST API integration and Firebase are definitely hot topics in React development, and I can see how tutorials on these would be beneficial. I'll add these to my content plan and look into creating tutorials covering them soon. Stay tuned! 😊👨💻
@@coder2308 Ok sir, I will be happy to look forward to his videos in the future👍
thanks
You're welcome! If you have any questions or need further assistance, feel free to ask. Happy coding! 😊
thanks
You're very welcome! I'm glad you found the tutorial helpful. Don't hesitate to reach out if you have any more questions or requests. 😊👍
Thank you so much sir❤❤
You're most welcome! ❤ I'm thrilled that you found the video helpful. Your support means a lot, and it's comments like yours that inspire me to keep creating content. If you have any more topics or questions you'd like me to cover, feel free to share them. Happy coding, and stay tuned for more videos! 😊