- Видео 64
- Просмотров 18 872
CodeCaty
Индия
Добавлен 2 июл 2023
Welcome to CodeCaty, the ultimate destination for developers looking to learn and excel in React, React Native, Angular, JavaScript, and various coding languages. On this RUclips channel, we provide you with a treasure trove of valuable resources, including in-depth tutorials, hands-on coding exercises, real-world project walkthroughs, and insightful tips and tricks.
Our experienced instructors are passionate about teaching and have a deep understanding of these frameworks and languages. They break down complex concepts into digestible pieces, making it easier for beginners to grasp and for experienced developers to expand their skill set. With CodeCaty, you'll gain a solid foundation in front-end development and gain the confidence to build cutting-edge web and mobile applications.
In addition to our comprehensive video tutorials, we foster a thriving community of learners.
Our experienced instructors are passionate about teaching and have a deep understanding of these frameworks and languages. They break down complex concepts into digestible pieces, making it easier for beginners to grasp and for experienced developers to expand their skill set. With CodeCaty, you'll gain a solid foundation in front-end development and gain the confidence to build cutting-edge web and mobile applications.
In addition to our comprehensive video tutorials, we foster a thriving community of learners.
How to Add Lottie Animations in React Native ?
Boost your React Native app's user experience with eye-catching Lottie animations! In this beginner-friendly tutorial, learn how to:
Install and set up lottie-react-native step by step.
Add Lottie animations to your app effortlessly.
Customize and control animations for a professional touch.
Whether you're building for Android, this guide will help you seamlessly integrate Lottie animations into your React Native project.
Perfect for developers looking to enhance their app's UI with modern and lightweight animations. Watch now and transform your app's design!
Install and set up lottie-react-native step by step.
Add Lottie animations to your app effortlessly.
Customize and control animations for a professional touch.
Whether you're building for Android, this guide will help you seamlessly integrate Lottie animations into your React Native project.
Perfect for developers looking to enhance their app's UI with modern and lightweight animations. Watch now and transform your app's design!
Просмотров: 4
Видео
Create Cartoon-Style Custom Avatars in React Native Android with react-native-nice-avatar
Просмотров 2918 часов назад
Learn how to create fun, cartoon-style avatars in your React Native Android app using the react-nice-avatar library! This easy-to-follow tutorial shows you how to set up and customize avatars with unique cartoon designs, perfect for profile pages and user interfaces. Add a personal touch to your app with these engaging avatars. Explore the full documentation and setup guide on GitHub: react-nic...
How to Add Custom Fonts in React Native?
Просмотров 62 часа назад
Upgrade your React Native app's typography with custom fonts! we’ll teach you how to seamlessly integrate custom fonts into your app for Android. Perfect for beginners and experienced developers, this guide covers everything you need to know to enhance your app’s design and user experience. What’s inside this tutorial? ✅ Why custom fonts are a game-changer for app design ✅ Where to find free fo...
Firebase Email Sign-Up & Verification in React Native
Просмотров 437 часов назад
Learn how to build a secure authentication system in React Native with Firebase! 🔐 This step-by-step tutorial covers everything you need to know about setting up Firebase Authentication: ✅ Create user accounts with email and password ✅ Implement secure login functionality ✅ Send and verify email verification links for added security ✅ Handle authentication errors with best practices Whether you...
React Native Bottom Tab Navigation Made Easy | Step-by-Step Tutorial with React Navigation
Просмотров 64День назад
Ready to create professional navigation for your React Native app? In this in-depth tutorial, learn how to set up Bottom Tab Navigation using React Navigation! We’ll cover everything you need to know, from installing dependencies to creating custom tabs with icons and optimizing your navigation for a seamless user experience. Whether you're a beginner or an experienced developer, this video wil...
How to Clean Code in React Native & Set Up Navigation Like a Pro 🚀
Просмотров 47День назад
Struggling with messy code in your React Native projects? Learn how to write clean, maintainable code while setting up smooth navigation using React Navigation. In this tutorial, we’ll show you the best practices for scalable React Native apps, step-by-step. 🔗 Resources & Links: React Navigation Docs: reactnavigation.org/docs/getting-started Full Code Example: github.com/ashwani8090/CodeCatyRea...
React Native Real-Time Chat App with GiftedChat and Firebase with Push Notification
Просмотров 265День назад
Are you ready to build a fully functional real-time chat app in React Native? 🚀 In this comprehensive tutorial, we’ll show you how to use GiftedChat and Firebase to create an amazing chat experience. From setting up Firebase for real-time data sync to integrating the popular GiftedChat library for a sleek UI, we’ve got you covered! What You’ll Learn: ✅ Firebase setup for real-time Firestore dat...
🔒 Secure Your React Native App with Environment Variables | react-native-dotenv Setup
Просмотров 4514 дней назад
Boost your React Native app's security and scalability with environment variables! 🌟 Learn how to set up and use the `react-native-dotenv` package to safely manage API keys, endpoints, and sensitive data. Step-by-step guide with pro tips to keep your app secure and organized. Don't miss out-watch now! 🚀
Firebase Authentication in React Native: Email Signup & Google Login for Android
Просмотров 21714 дней назад
Looking to add seamless Firebase Authentication to your React Native Android app? This video is your ultimate guide! 🚀 In this comprehensive tutorial, you’ll learn how to implement: ✅ Email and Password Signup: Allow users to securely create accounts using their email and password. ✅ Google Login Integration: Enable one-tap login for a faster and user-friendly experience. ✅ Authentication State...
Implement Firebase Push Notifications in React Native with Node.js Backend
Просмотров 75814 дней назад
In this tutorial, learn how to implement Firebase push notifications in a React Native app using the React Native Firebase library and a Node.js backend . This step-by-step guide includes Firebase Admin SDK setup, backend configuration, and sending targeted push notifications. You'll also learn how to configure your React Native Android project for Firebase integration. 📌 Key Topics Covered: - ...
How to Add App Icons in React Native (Android) | Generate Icons with EasyAppIcon
Просмотров 7514 дней назад
Looking to add a custom app icon to your React Native app? This tutorial walks you through the entire process, from generating app icons using EasyAppIcon to seamlessly integrating them into your React Native project. Learn how to make your app stand out on both Android and iOS with a professional and polished icon! 📌 What you'll learn in this video: How to generate app icons for Android and iO...
Create a Stunning Splash Screen in React Native with react-native-bootsplash (Android)
Просмотров 27914 дней назад
Learn how to add a professional splash screen to your React Native app using the powerful react-native-bootsplash library. In this step-by-step tutorial, we’ll guide you through the setup and configuration process specifically for Android. You'll discover how to customize your splash screen, optimize the user experience, and ensure a seamless app launch. Perfect for developers looking to enhanc...
Build Dynamic Tables in React: Add Rows Instantly with React Hook Form!
Просмотров 1772 месяца назад
In this video, we explore how to use React Hook Form's powerful useFieldArray hook to create dynamic tables that allow users to add, update, and remove rows with ease. Whether you're building a form for orders, inventories, or data entry, useFieldArray simplifies the process of managing dynamic input fields in your table. What You’ll Learn: How to set up and use useFieldArray in React Hook Form...
Mastering React Query: User Queries and Mutations with Invalidation Strategies
Просмотров 572 месяца назад
Mastering React Query: User Queries and Mutations with Invalidation Strategies
Create Your Own Icon Font with IcoMoon
Просмотров 1003 месяца назад
Create Your Own Icon Font with IcoMoon
Advance usage of Redux Toolkit | RTK Query CRUD Example
Просмотров 1733 месяца назад
Advance usage of Redux Toolkit | RTK Query CRUD Example
How to Persist data in Redux | Redux toolkit configuration
Просмотров 3053 месяца назад
How to Persist data in Redux | Redux toolkit configuration
Learn Redux Toolkit | Configuration of store with example of portfolio page
Просмотров 1373 месяца назад
Learn Redux Toolkit | Configuration of store with example of portfolio page
How to create Protected Routes and Authentication with React Router v6 tutorial in Hindi
Просмотров 1433 месяца назад
How to create Protected Routes and Authentication with React Router v6 tutorial in Hindi
How to generate dynamic form using JSON in react | Yup Validation | React hook form
Просмотров 3293 месяца назад
How to generate dynamic form using JSON in react | Yup Validation | React hook form
How to make a Basic Form using React Hook Form and Add Yup Validation | Shadcn/UI
Просмотров 823 месяца назад
How to make a Basic Form using React Hook Form and Add Yup Validation | Shadcn/UI
Tailwind Tips & Tricks | React Project
Просмотров 483 месяца назад
Tailwind Tips & Tricks | React Project
How to Integrate Shadcn in React Project | Step-by-Step Guide
Просмотров 1653 месяца назад
How to Integrate Shadcn in React Project | Step-by-Step Guide
A Sneak Peek Into React Hook Form of Upcoming Video
Просмотров 213 месяца назад
A Sneak Peek Into React Hook Form of Upcoming Video
How to Setup Tailwind CSS in React Project | Tips and Tricks
Просмотров 1433 месяца назад
How to Setup Tailwind CSS in React Project | Tips and Tricks
Migrating to ESLint 9 | ESLint 9 vs. Older Version: Key Differences & Practical Examples | Part-2
Просмотров 3353 месяца назад
Migrating to ESLint 9 | ESLint 9 vs. Older Version: Key Differences & Practical Examples | Part-2
Simplest Explanation of the JavaScript reduce() Method: Practical Examples in React
Просмотров 213 месяца назад
Simplest Explanation of the JavaScript reduce() Method: Practical Examples in React
Simplest Explanation of the JavaScript reduce() Method: Practical Examples in React
Просмотров 73 месяца назад
Simplest Explanation of the JavaScript reduce() Method: Practical Examples in React
Quick React Setup with Vite in Minutes
Просмотров 423 месяца назад
Quick React Setup with Vite in Minutes
Thank for making this video. ❤❤❤
Thanks for your appreciation Stay tuned ❤️
many thanks
@@sumitkamble9399 stay tuned ❤️
Hello am on expo and am getting error: "assets/bootsplash/android" doesn't exist. Did you ran the asset generation command? though I have generated the bootsplash folder. Any work solution for this?
Hey man Please check the steps for using the same library in the expo here github.com/zoontek/react-native-bootsplash Hope this will work. Happy coding!!
Could you please show us ios implementation
Sure will try to create separate video for iOS.
Bat ho sakte hai apse
¡Qué buen video! Siempre me ha costado un poco configurar notificaciones push, pero con Firebase parece más sencillo. 🤔 ¿Alguien ha tenido problemas con la integración en Android? Estoy aprendiendo en CodigoHeroe y me encanta cómo explican todo. 😊
Thanks for watching 😊
Hello, I don't know if you've ever tried it, but for the web? because I have done it on the web but it only works locally, in production it doesn't work for me! Do you know any solution?
@@andres05423 No bro I haven't tried on react web but I will try it and upload video on same.
Bro where is node js part
@@Sourava.78 please refer to the part where the backend service used to send notification , you can also refer to the description to get the code.
@Sourava.78 github.com/ashwani8090/fbNotication
Could you please show us ios implementation 🙏
I'm not getting the video url after copying the file
Will this video link expire in the future?
GitHub doesn't guarantee long-term hosting. In the future, the file may be removed, or the link may expire.
Very informative 💡
Glad it was helpful!
I am using the @typescript-eslint/naming-convention using the selector classProperty. But it seems leadingUnderscore: "private" does not error when not met
Hey I haven't used this library but will check. Thanks for watching!!
There's a part 2?
@@SamuelZwinglio yes that's theoretical
ruclips.net/video/nTnD9pns8rQ/видео.htmlsi=vlGp4ZP7HZ5xOI41
finally I get what I want
@@bemnetadugnaw283 thanks 👍
well explained!
@@JugalSuthar48 thanks 😎
Thanks
❤
thank you!!
@@unknownman735 welcome, stay tuned
Awesome breakdown of useRef and forwardRef! Really helped me understand how to use them effectively. Thanks! ❤
@@rinkuverma8119 thanks 👍
Nice
Thanks
nice tutorial
thanks!!
Thank you sir, I've learnt it quickly from this video. Great job 🎉
@@jugalmewada5393 thanks jugal🙏
very helpful👍
Thanks ❤