Mafia Codes
Mafia Codes
  • 365
  • 6 052 211
Mastering the READ MORE Button in React.js, A Step-by-Step Tutorial!
In this in-depth tutorial, we delve into the world of React.js and explore how to implement a highly useful feature: the 'Read More' button. Whether you're a beginner or an experienced developer, this tutorial will guide you step-by-step through the process of creating a dynamic 'Read More' button in React.js. You'll learn how to handle text truncation, toggle between showing/hiding content, and optimize the user experience. Join us on this journey as we unlock the secrets to creating an interactive and user-friendly 'Read More' button in React.js. Get ready to level up your React.js skills and enhance your web applications with this essential feature.
--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: ua-cam.com/users/yourstruly267
--------------------------------------------------------------------------
💵Support the channel:
Paypal: www.paypal.me/trulymittal
Patreon: www.patreon.com/trulymittal
--------------------------------------------------------------------------
======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB): ua-cam.com/play/PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT.html
#API Authentication using #JWT: ua-cam.com/play/PLdHg5T0SNpN0ygjV4yGXNct25jY_ue70U.html
#Firebase: ua-cam.com/play/PLdHg5T0SNpN2NimxW3piNqEVBWtXcraz-.html
Docker: ua-cam.com/play/PLdHg5T0SNpN0gFlL8AXvZdAHsvpkuW0Ba.html
MongoDB: ua-cam.com/video/liocKBCVJyw/v-deo.html
Html/Css/Js: ua-cam.com/play/PLdHg5T0SNpN0saXVT9gfb2MESkiHG8YbP.html
Android: ua-cam.com/play/PLdHg5T0SNpN2cv8zhK-zQx2qXfJKap9kU.html
Challenges: ua-cam.com/play/PLdHg5T0SNpN20F2v0xYWeLRZtdehexzDi.html
#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
Переглядів: 8 659

Відео

UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!
Переглядів 3 тис.Рік тому
In this mind-blowing tutorial, we dive deep into the realm of data fetching with #react #query. Discover groundbreaking techniques and unleash the true potential of your app's performance. Learn how to effortlessly handle asynchronous data requests, supercharge rendering speed, and optimize network efficiency like never before. From basic concepts to advanced strategies, this comprehensive guid...
You won't BELIEVE what I just did with TanStack's React Tables!
Переглядів 63 тис.Рік тому
Comprehensive tutorial on TanStack React Table, the ultimate solution for creating powerful and interactive data tables in your React applications! In this in-depth video, we will take you through all the essential concepts and features of TanStack React Table, empowering you to effortlessly manage and visualize data like a pro. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe...
Level Up Your Next.js Web Apps: Complete Clerk.js Authentication Tutorial for Next.js Developers!
Переглядів 3 тис.Рік тому
In this video we will learn about #authentication in #nextjs using #clerk. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal 0:00 Introduction 0:25 Creating an app inside Clerk dashboard 1:37 Setting up Nextjs 3:52 Sign-in Sign-up rotes 8:03 Protecting pa...
Secrets of AWS S3 Bucket Signed URLs: Boost Security and Control Access Like a Pro!
Переглядів 2,9 тис.Рік тому
In this video we will learn about using #aws #s3 #bucket with signed urls, so that all the data inside the bucket remains private and only #authorized users are able to view content. You will also learn how to #upload files directly from the #browser to aws S3. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.pa...
Turbocharge React Shopping Cart: Jotai State Management!
Переглядів 2,4 тис.Рік тому
In this video we will learn #state mangement in #react by building a #shopping cart #application in #nextjs using Jotai. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal 0:00 Introduction 1:33 Jotai Provider 2:41 defining atoms - a piece of state 4:45 In...
Mastering API Routes in Next.js: The Ultimate Guide
Переглядів 3,3 тис.Рік тому
In this video we will about the new way of handling API routes in Next.js 00:00 Introduction 0:19 GET POST routes 4:10 Request body in POST request 5:53 URL search params 7:33 Dynamic Slugs 12:04 Authorisation Headers 13:27 Extracting Cookies 14:49 Caching of API routes 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypa...
Unlock the Power of Server Actions in Next.js: Boosting Performance and Enhancing User Experience
Переглядів 1,1 тис.Рік тому
In this video we will about server actions in #nextjs 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal ✔ Other useful Playlists #RestAPI (#NodeJS and MongoDB): ua-cam.com/play/PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT.html #API Authentication using #JWT: ua-cam...
Complete Next-auth tutorial, including global authenticated page component.
Переглядів 7 тис.Рік тому
In this video you will learn how to use #nextjs next-auth to do authentication. 1. Email password sign in 2. Google sign in 3. Understanding the useSession hook 4. Global Auth component for easy redirects 5. Custom login form 6. Server side authentication in getServerSideProps 7. #api route #authentication 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/your...
How to use One-tap Google sign in, including idToken validation server side
Переглядів 7 тис.Рік тому
In this video you will learn how to use #google sign-in with one-tap in a #react app for #authentication. You also learn how to pass the token to backend #expressjs application and validate that idTtoken for authentication. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patre...
How to use AWS Dynamo DB
Переглядів 3 тис.Рік тому
In this video you will learn how to use the #aws #dynamodb by doing all the crud operations in #nodejs. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal www.npmjs.com/package/@aws-sdk/lib-dynamodb www.npmjs.com/package/@aws-sdk/client-dynamodb 0:00 Intro...
How to use tRPC with ExpressJS and React, including Prisma and tailwind css
Переглядів 6 тис.Рік тому
This is a complete beginners tutorial about tRPC. We will be building a #fullstack application using #expressjs and #react . I would be using #prisma as the #database orm alongside with #zod schema validation. For the #ui I will be using #tailwindcss. Github: github.com/trulymittal/t3-app-with-express-react-vite-trpc-prisma 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-...
React Hook form, including ZOD schema validation
Переглядів 2,9 тис.Рік тому
In this video we will learn about #react hook form, including #zod validation. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal Github repo: github.com/trulymittal/react-hook-form-tutorial React hook form: react-hook-form.com/ Resolvers: www.npmjs.com/pa...
How I lost my Job - ChatGPT
Переглядів 1,8 тис.Рік тому
In this video we will learn about #chatgpt . And how it may help us secure our jobs 0:00 Introduction 0:12 ChatGPT takes away jobs? 0:38 AI generated blog in seconds 2:22 Complete React app using ChatGPT 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal ✔...
Astro - Complete tutorial
Переглядів 1,8 тис.Рік тому
In this video we will be doing a quick complete tutorial on #astro to build faster websites. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ua-cam.com/users/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal 0:00 Introduction 0:13 Creating a new project 1:25 Creating pages 3:53 Using variables 4:49 Rendering arrays lis...
FIFA 2022 Standings using Nextjs 13 and Tailwind CSS
Переглядів 2,4 тис.Рік тому
FIFA 2022 Standings using Nextjs 13 and Tailwind CSS
How to use useMemo hook in react.
Переглядів 893Рік тому
How to use useMemo hook in react.
Nextjs 13 complete tutorial
Переглядів 7 тис.Рік тому
Nextjs 13 complete tutorial
iOS style Segment control in React using Framer motion
Переглядів 1,4 тис.Рік тому
iOS style Segment control in React using Framer motion
Formik tutorial, simple forms in react
Переглядів 3 тис.2 роки тому
Formik tutorial, simple forms in react
Slideshow animation using Framer motion in React
Переглядів 16 тис.2 роки тому
Slideshow animation using Framer motion in React
Strapi CMS - Part 3
Переглядів 8 тис.2 роки тому
Strapi CMS - Part 3
Strapi CMS - Part 2
Переглядів 4,6 тис.2 роки тому
Strapi CMS - Part 2
Strapi CMS - Part 1
Переглядів 8 тис.2 роки тому
Strapi CMS - Part 1
How to do Graceful shutdown of a Nodejs server
Переглядів 5 тис.2 роки тому
How to do Graceful shutdown of a Nodejs server
4 must know Javascript methods for any project (map, filter, sort, reduce)
Переглядів 2,5 тис.2 роки тому
4 must know Javascript methods for any project (map, filter, sort, reduce)
Google OAuth with One Tap on Stytch
Переглядів 1,7 тис.2 роки тому
Google OAuth with One Tap on Stytch
How to use Email passcodes (OTP) for authentication using Stytch
Переглядів 3,9 тис.2 роки тому
How to use Email passcodes (OTP) for authentication using Stytch
How to use Google Maps API with React including Directions and Places autocomplete
Переглядів 181 тис.2 роки тому
How to use Google Maps API with React including Directions and Places autocomplete
How to use ReactJs with Firestore realtime database.
Переглядів 29 тис.2 роки тому
How to use ReactJs with Firestore realtime database.

КОМЕНТАРІ

  • @jasmeetsingh9804
    @jasmeetsingh9804 6 годин тому

    I am using typescript, console.log(ref.current.scrollHeight), >>>Error: Property 'scrollHeight' does not exist on type 'never'. Can anyone help, I am getting an error for scrollHeight and clientHeight?

  • @ythigaurav
    @ythigaurav 2 дні тому

    buddy recently i explore your channel , you have uploaded quality content please resume video uploading , I have seen it's been 1 year nothing new uploaded. till then I'll be watching your old videos.

  • @izzi917
    @izzi917 2 дні тому

    This tutorial is Gold

  • @domnsync
    @domnsync 3 дні тому

    It says the app is not verified when you choose the gmail account. What to do?

  • @dan3937
    @dan3937 4 дні тому

    te amo

  • @aliadel1723
    @aliadel1723 4 дні тому

    You are the best ♥

  • @sarkhanrahimli8740
    @sarkhanrahimli8740 5 днів тому

    Thank bro

  • @MdSahil-cv7tt
    @MdSahil-cv7tt 6 днів тому

    Awesome vedio

  • @vasilnadiradze8638
    @vasilnadiradze8638 6 днів тому

    thank you very much, it was so helpful ❣❣❣

  • @jasmeetsingh9804
    @jasmeetsingh9804 8 днів тому

    I am using typescript console.log(ref.current.scrollHeight) Error: Property 'scrollHeight' does not exist on type 'never'. Can anyone help, I am getting an error for scrollHeight and clientHeight?

  • @mugishbeldar2377
    @mugishbeldar2377 8 днів тому

    Great video💯

  • @theanonymous92
    @theanonymous92 10 днів тому

    Very well explained

  • @Hashmii810
    @Hashmii810 11 днів тому

    Please tell me the code extensions for this app (Chat app), especially for node.js and express

  • @TharinduThisarasinghe
    @TharinduThisarasinghe 12 днів тому

    This is gem of a tutorial. Thank you !!!

  • @-abhinab
    @-abhinab 12 днів тому

    Will this work if I deploy my project in vercel severless function I want to schedule email for my website

  • @sujalsahu-gc1sz
    @sujalsahu-gc1sz 13 днів тому

    AWESOME VIDEO

  • @JachMichael
    @JachMichael 13 днів тому

    This is gold. Thanks, all the informations you need to secure your app is here :)

  • @ClickTamil
    @ClickTamil 13 днів тому

    I have i small question as primary went down and few hours later it up again question is after it up all the data transactions happened between downtime will be copy in to the database that db went down?

  • @nonlinearacademy
    @nonlinearacademy 14 днів тому

    Hi, thank for this awesome tutorial. Just I'm curious if there is any repository with the code from your example?

  • @deadshotcultx9230
    @deadshotcultx9230 15 днів тому

    Nys❤

  • @worldwide6626
    @worldwide6626 16 днів тому

    If I have a list of images to show like a shop catalogue. Am I supposed to get a signed URL for every image multiple times?

  • @vishalmishra1937
    @vishalmishra1937 17 днів тому

    throwing authentication error in mongosh

  • @DMATT943
    @DMATT943 17 днів тому

    why i am getting message "Ok api is working 🚀" and nothing happens when deleting

  • @ramiworkstation
    @ramiworkstation 17 днів тому

    Thank you ❤

  • @ramiworkstation
    @ramiworkstation 17 днів тому

    Thank you thousand times ❤️

  •  18 днів тому

    Awesome tutorial! It helped a lot!

  • @Babysharkdudu775
    @Babysharkdudu775 20 днів тому

    Bad explanation

  • @KunalKothari-m9z
    @KunalKothari-m9z 21 день тому

    Very detailed and well explained video. But the 2nd approach uploads only the last file and not all files which are uploaded.

  • @amadujalloh4700
    @amadujalloh4700 22 дні тому

    Thank you so so much.

  • @sudipsarkar1512
    @sudipsarkar1512 23 дні тому

    Hello sir, i can't further proceed without verifying the app. What to do ?? Kindly help

  • @prateekthapliyal6108
    @prateekthapliyal6108 23 дні тому

    how can i get it working live through github repo ???

  • @nursaykat6345
    @nursaykat6345 23 дні тому

    Dear, You have made lots of good tutorials Thank you so much! Go ahead!

  • @petroniobonavides3530
    @petroniobonavides3530 25 днів тому

    Mann.. this lecture is awesome.. thanks. Alottttt

  • @soyabblank4885
    @soyabblank4885 26 днів тому

    Sir, where we write these commands ?

  • @dileepparmar1514
    @dileepparmar1514 26 днів тому

    i really thanks to you , thank you so much brother

  • @slambu666
    @slambu666 26 днів тому

    Can google API used for transfer ownership data?

  • @pranavjoshi7697
    @pranavjoshi7697 26 днів тому

    Does Joi provide a whitelisting feature for fields?

  • @JeffersonCanamo
    @JeffersonCanamo 27 днів тому

    thank you so much, but what if i will use the data from my own gps tracker device like how can i emplement it? huhuhu

  • @learningwithaaron
    @learningwithaaron 28 днів тому

    Thank you, well explained. I was taking a firebase course on edemy and you explained this aspect a lot better

  • @waleedatif5018
    @waleedatif5018 28 днів тому

    we just delete the refresh token from redis. What difference does it make? Like when we want to access a resource using the access token we can still do it after logout.

  • @BedirBayar
    @BedirBayar 29 днів тому

    why its always indian accent :(

  • @ankithshetty6005
    @ankithshetty6005 Місяць тому

    After hosting the project I am getting Unauthorised error after login. Do anyone know the solution for this error

  • @swaroopa3320
    @swaroopa3320 Місяць тому

    Can I use ola maps api instead of google maps api? for this project

  • @ramiworkstation
    @ramiworkstation Місяць тому

    Thank you very much for the nice lesson 💐

  • @ramiworkstation
    @ramiworkstation Місяць тому

    Your lessons are as sweet as sugar. I learned a lot from you. Thank you 🌹

  • @ZaibGsm
    @ZaibGsm Місяць тому

    I want when I create account through api like we're giving the another table id for relation how we can assign role I have three role teacher student and admin how I can assign?

  • @taihatranduc8613
    @taihatranduc8613 Місяць тому

    you saved me

  • @ramiworkstation
    @ramiworkstation Місяць тому

    Beautiful. Thank you for sharing 🌷

  • @diaaelrahman2410
    @diaaelrahman2410 Місяць тому

    You are the best thank you!

  • @himanshulal97
    @himanshulal97 Місяць тому

    I love u brother 😝