Mafia Codes
Mafia Codes
  • Видео 365
  • Просмотров 5 936 464
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.
-------------------------------------...
Просмотров: 7 705

Видео

UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!
UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!
Просмотров 2,9 тыс.Год назад
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!You won't BELIEVE what I just did with TanStack's React Tables!
You won't BELIEVE what I just did with TanStack's React Tables!
Просмотров 59 тыс.Год назад
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!Level Up Your Next.js Web Apps: Complete Clerk.js Authentication Tutorial for Next.js Developers!
Level Up Your Next.js Web Apps: Complete Clerk.js Authentication Tutorial for Next.js Developers!
Просмотров 2,9 тыс.Год назад
In this video we will learn about #authentication in #nextjs using #clerk. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ruclips.net/user/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!Secrets of AWS S3 Bucket Signed URLs: Boost Security and Control Access Like a Pro!
Secrets of AWS S3 Bucket Signed URLs: Boost Security and Control Access Like a Pro!
Просмотров 2,6 тыс.Год назад
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: ruclips.net/user/yourstruly267 💵Support the channel: Paypal: www.pa...
Turbocharge React Shopping Cart: Jotai State Management!Turbocharge React Shopping Cart: Jotai State Management!
Turbocharge React Shopping Cart: Jotai State Management!
Просмотров 2,2 тыс.Год назад
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: ruclips.net/user/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 GuideMastering API Routes in Next.js: The Ultimate Guide
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: ruclips.net/user/yourstruly267 💵Support the channel: Paypa...
Unlock the Power of Server Actions in Next.js: Boosting Performance and Enhancing User ExperienceUnlock the Power of Server Actions in Next.js: Boosting Performance and Enhancing User Experience
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: ruclips.net/user/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal ✔ Other useful Playlists #RestAPI (#NodeJS and MongoDB): ruclips.net/p/PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT #API Authentication using #JWT: ruclips.net/p...
Complete Next-auth tutorial, including global authenticated page component.Complete Next-auth tutorial, including global authenticated page component.
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: ruclips.net/user/your...
How to use One-tap Google sign in, including idToken validation server sideHow to use One-tap Google sign in, including idToken validation server side
How to use One-tap Google sign in, including idToken validation server side
Просмотров 6 тыс.Год назад
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: ruclips.net/user/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patre...
How to use AWS Dynamo DBHow to use AWS Dynamo DB
How to use AWS Dynamo DB
Просмотров 2,8 тыс.Год назад
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: ruclips.net/user/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 cssHow to use tRPC with ExpressJS and React, including Prisma and tailwind css
How to use tRPC with ExpressJS and React, including Prisma and tailwind css
Просмотров 5 тыс.Год назад
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: ruc...
React Hook form, including ZOD schema validationReact Hook form, including ZOD schema validation
React Hook form, including ZOD schema validation
Просмотров 2,8 тыс.Год назад
In this video we will learn about #react hook form, including #zod validation. 📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324 Subscribe: ruclips.net/user/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 - ChatGPTHow I lost my Job - ChatGPT
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: ruclips.net/user/yourstruly267 💵Support the channel: Paypal: www.paypal.me/trulymittal Patreon: www.patreon.com/trulymittal ✔...
Astro - Complete tutorialAstro - Complete tutorial
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: ruclips.net/user/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...

Комментарии

  • @sumitgarg7455
    @sumitgarg7455 28 минут назад

    can you tell us how to use same method in flutter

  • @randomquark74
    @randomquark74 16 часов назад

    good one !

  • @tuongmt
    @tuongmt 17 часов назад

    I have a problem when login sendgrid. Does someone have a measure for that? Error: We are unable to log you in at this time, please check your email for further information.

  • @switch-247
    @switch-247 День назад

    thanks this helped alot.

  • @setshow9135
    @setshow9135 3 дня назад

    Can i create this project using regular elements such div, section instead of using all the components you imported from @chakra- ui/react?

  • @randomgamevideos241
    @randomgamevideos241 3 дня назад

    16:20 what plugin are you using that shows the library sizes, gzipped

  • @porasshrivas641
    @porasshrivas641 4 дня назад

    To whoever is following this tutorial now and getting an error of invalid JWT token, you should add these lines to your main.jsx or index.js: <Auth0Provider domain="your-domain" clientId="your-client-id" authorizationParams={{ audience: "your secret", redirect_uri: window.location.origin }} useRefreshTokens={true} cacheLocation='localstorage' > <App /> </Auth0Provider>

  • @abdullahsheraz7461
    @abdullahsheraz7461 5 дней назад

    why the email is showing in promotions

  • @kalyankrazy3304
    @kalyankrazy3304 5 дней назад

    Very Useful video i Found in Internet And a very Good Explanation

  • @ayokurdo1888
    @ayokurdo1888 7 дней назад

    first thx , i do operation and it work without any issue but my github rep commits still same commits not merged why ? it wored only in local ?

  • @emkjuslen
    @emkjuslen 7 дней назад

    Just finished the series, thanks a lot. Can you please add Deployment with docker. Thanks

  • @MuhammadBilal-sz1rv
    @MuhammadBilal-sz1rv 7 дней назад

    27:34 how to get these asc and des icons?

  • @RaviKumar-em9hx
    @RaviKumar-em9hx 9 дней назад

    Simple and clean

  • @ramiworkstation
    @ramiworkstation 10 дней назад

    Thank You🌹

  • @yeucongnghe-f8
    @yeucongnghe-f8 10 дней назад

    product ready can not use "localhost"

  • @someonenotlikeyou
    @someonenotlikeyou 11 дней назад

    I have been scratching my head the whole day trying to figure out why my nginx wasn't working. I wasn't using docker-compose.yml; instead, I was creating separate containers for each server instance. On top of that, I was editing the main nginx configuration file (/etc/nginx/nginx.conf) instead of changing the virtual host configuration file (/etc/nginx/conf.d/default.conf) as you did. After watching your video, I figured out two issues. First, my containers were not communicating with each other because I hadn't created a custom network for them. After doing that, everything worked fine with reverse proxy and load balancing. Second, I still don't understand what the issue was with using the same upstream to specify the servers and the location with the proxy_pass directive to send them to the servers in round-robin. Maybe it's not a good practice to update the main nginx configuration file directly, but I'm not sure. Can you provide me with some resources to read more about nginx configurations? Thanks a lot; this video was a great help! 💕💕

  • @tharunsadula8399
    @tharunsadula8399 12 дней назад

    Thank you for your wonderful explanation

  • @YashSingh-lz8nu
    @YashSingh-lz8nu 13 дней назад

    good

  • @MeTheKnowledgeSeeker
    @MeTheKnowledgeSeeker 19 дней назад

    Your explanation technique made this video mesmerising

  • @adityasingh7060
    @adityasingh7060 20 дней назад

    So simply you've explained this! :)

  • @ramiworkstation
    @ramiworkstation 21 день назад

    Thank you 🙏

  • @rcdunnii
    @rcdunnii 21 день назад

    Spent many hours trying to navigate the google oauth setups and using ai, all to no avail. This is first explanation that worked! Many thanks!!!

  • @onigbindedavid6630
    @onigbindedavid6630 25 дней назад

    One of d most simplest explanation on crypt so far.. did u also make a video to compare???

  • @syedwaseemahmed1749
    @syedwaseemahmed1749 25 дней назад

    In javascript how to do??

  • @anuragprakash7256
    @anuragprakash7256 27 дней назад

    Please continue this playlist

  • @gajanankanekar9118
    @gajanankanekar9118 28 дней назад

    Thanks very much for not uttering "OK" and "Alright" during your teaching, which most of the RUclipsrs do in every sentence and irritates the listner. Your teaching skill and knowledge is excellent. Thanks once again.

  • @HardikJain_YT
    @HardikJain_YT Месяц назад

    fast crisp best lucid explanation thanks!

  • @tehseenbaig3198
    @tehseenbaig3198 Месяц назад

    in my setting up the CLI the error is "the system cannot find the the path specified" need help

  • @AnkitKumarRavi9
    @AnkitKumarRavi9 Месяц назад

    Hello sir Please help me Please reply I'm wating your replied Sir butterknife not compatible version 1.8 java version upper version 17 How to change butterknife to alternate

  • @pratyushmishra6941
    @pratyushmishra6941 Месяц назад

    when i try to record video using my webcam in android emulator the app crashes, i am using macbook pro m1 chip.

  • @rogin8265
    @rogin8265 Месяц назад

    How to use Twillio extension in firebase?.

  • @jantack7186
    @jantack7186 Месяц назад

    Thanks! Very helpful!

  • @ramiworkstation
    @ramiworkstation Месяц назад

    Thank you very very much 🌻

  • @shehmeerabid1490
    @shehmeerabid1490 Месяц назад

    💫

  • @haiffy
    @haiffy Месяц назад

    Setup for production deployment, but doesn't even mention security and authentication?

  • @DylanNavarro97
    @DylanNavarro97 Месяц назад

    thx for this video!.

  • @azghinabdelkarim7260
    @azghinabdelkarim7260 Месяц назад

    hey i hope you're doing well i really loved the tutorial so amazing i have a question how to set a language and a region using react ?? i hope you understand what i'm asking and i hope you answer :33

  • @DeepakKumar-oz5ky
    @DeepakKumar-oz5ky Месяц назад

    5:15

  • @colommbiano
    @colommbiano Месяц назад

    Friend, do I have to pay money to be able to use the Google Drive API ?

  • @donkb241
    @donkb241 Месяц назад

    super duper explanation

  • @beautifulheart5054
    @beautifulheart5054 Месяц назад

    guys please help by watching this 7 video we can build this project?

  • @enjoymen3075
    @enjoymen3075 Месяц назад

    the connection to this site is encrypted and authenticated using AES 128 gcm and user X25519 es the key exchange mechanism सर जी ये एरर आ रहा wesite में और मेरी wesite ब्लॉगर पर ये प्रोब्लम ssl इंस्टाल करने के बाद आ रही है बहुत सारे वीडियो देखे प्रोब्लम का सॉल्यूशन नहीं मिल रहा है आप इस में मेरी हेल्प करे थैंक्यू you

  • @AtulKumar-kz1oy
    @AtulKumar-kz1oy Месяц назад

    Just mindblowing, hats off to you🙂

  • @lucasdias1348
    @lucasdias1348 Месяц назад

    Obrigado por esse vídeo incrível, estava utilizando o Redux em meu projeto, mas li um pouco sobre jotai e vi que era muito mais simples de utilizar.

  • @medstoz
    @medstoz Месяц назад

    Very clear

  • @ahmedsamir-ic5tq
    @ahmedsamir-ic5tq Месяц назад

    should i update xyz with the latest of master branch ( through git pull ) before trying to push or merge xyz branch into master ? to avoid conflicts ?

  • @jetlinkarkha9659
    @jetlinkarkha9659 Месяц назад

    How to purchase subscription for app platform?

  • @user-ct8yf3wd2g
    @user-ct8yf3wd2g Месяц назад

    your video and explanation is so simple and clear like crystal. thank you sir for taking your time to demonstrate this concept.

  • @1MinuteShortVideos
    @1MinuteShortVideos Месяц назад

    Flutter main kaise hoga bro

  • @user-bg2bn7cu5p
    @user-bg2bn7cu5p Месяц назад

    thanks for the help Sir! , you've forgot the "git push -f origin branch-name"