- 64
- 18 872
CodeCaty
India
เข้าร่วมเมื่อ 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 TH-cam 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
มุมมอง 29วันที่ผ่านมา
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?
มุมมอง 614 ชั่วโมงที่ผ่านมา
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
มุมมอง 4319 ชั่วโมงที่ผ่านมา
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
th-cam.com/video/nTnD9pns8rQ/w-d-xo.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 ❤