Mafia Codes

https://youtube.com/channel/UCr0y1P0-zH2o3cFJyBSfAKg

Subscribers	45,300
Views	6,347,958
Videos	365
Country	IN
Created	May 2018 (7 years old)
Topics	Knowledge Technology Lifestyle_(sociology)
Actions	Copy all info to clipboard You can use it to paste it into ChatGPT and analyze the channel

Channel Title: Mafia Codes
Channel Description: 👋, I started this channel because I have a passion to spread all the knowledge which I have in the most simple way (with utmost detailing as to answer the question - Why we are doing so?). This is a one-stop channel for different programming languages like Javascript, Html, Css, Java, Swift, Python, C, C++ and a lot more as n when required 😊.

I do talk a bit about the bookish 📕 stuff but the ultimate goal is to implement it 🎯, here you can learn anything about programming, from the basics 👶 to the advanced level 🎓.

So if you’ve gone through the description then you know that what to expect of this channel and do subscribe for awesome stuff 🕺.

Only for Business enquires: yourstruly2607@gmail.com

PS: Don't ask questions/solutions/doubts on this email - won't be answered.
<video>
Complete Next-auth tutorial, including global authenticated page component.
Description: 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: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly267?sub_confirmation=1
--------------------------------------------------------------------------
💵Support the channel: 
Paypal: https://www.paypal.me/trulymittal
Patreon: https://www.patreon.com/trulymittal
--------------------------------------------------------------------------

0:00 Introduction
0:20 Setup
1:42 Google Provider for sign-in
2:26 Genrating ClientID and ClientSecret for Google Provider
5:30 Secret for Next auth
6:15 Session Provider
7:14 useSession hook
8:06 Sign-in page
9:11 Session object
10:07 Sign-out button
10:40 Custom sign-in button
12:09 Email Password sign-in
14:35 CredentialProvider for email signin
21:33 Custom sign-in form
23:32 Redirect on sign-in
24:28 Session in getServerSideProps — getServerSession
29:17 Global Server side session function
30:59 Protecting API routes
33:40 Protecting Pages using a Global component
41:43 Prisma adapter for storing users and accounts
48:09 User and Accounts relation in database

NextAuth: https://next-auth.js.org/
PrismaClient (Best practice): https://www.prisma.io/docs/guides/database/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices

======================
✔ Other useful Playlists 
======================
#RestAPI (#NodeJS and MongoDB): https://www.youtube.com/playlist?list=PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT
#API Authentication using #JWT: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0ygjV4yGXNct25jY_ue70U
#Firebase: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2NimxW3piNqEVBWtXcraz-
Docker: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0gFlL8AXvZdAHsvpkuW0Ba
MongoDB: https://www.youtube.com/watch?v=liocKBCVJyw&t=7s
Html/Css/Js: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0saXVT9gfb2MESkiHG8YbP
Android: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2cv8zhK-zQx2qXfJKap9kU
Challenges: https://www.youtube.com/playlist?list=PLdHg5T0SNpN20F2v0xYWeLRZtdehexzDi

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #nextjs #next  #react
</video>
<video>
Mastering API Routes in Next.js: The Ultimate Guide
Description: 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

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
How to use tRPC with ExpressJS and React, including Prisma and tailwind css
Description: 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: https://github.com/trulymittal/t3-app-with-express-react-vite-trpc-prisma
--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly267?sub_confirmation=1
--------------------------------------------------------------------------
💵Support the channel: 
Paypal: https://www.paypal.me/trulymittal
Patreon: https://www.patreon.com/trulymittal
--------------------------------------------------------------------------

0:00 Introduction
0:13 What is tRPC
2:26 What is a monorepo
3:15 structure of application 
7:20 initTRPC trpc/server
10:00 query trpc/server
14:35 mutation in trpc/server
17:06 appRouter - merging routes
18:33 trpc middleware for express
21:13 React @trpc/client
23:30 exporting type AppRouter from server to client,
26:33 creating tRPC client
31:10 tRPC query - listing TODO’s using 
36:03 tRPC mutation - adding a Todo
39:17 tRPC context - invalidate data
40:47 mutation to delete a TODO
45:08 mutation to update a TODO
48:04 Context for Authentication in trpc
53:04 Error handling

#yoursTRULY #tutorial #howto #nodejs #android #mafiacodes
</video>
<video>
Mastering the READ MORE Button in React.js, A Step-by-Step Tutorial!
Description: 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: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly267?sub_confirmation=1
--------------------------------------------------------------------------
💵Support the channel: 
Paypal: https://www.paypal.me/trulymittal
Patreon: https://www.patreon.com/trulymittal
--------------------------------------------------------------------------

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
How to use One-tap Google sign in, including idToken validation server side
Description: 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.

https://www.npmjs.com/package/@react-oauth/google
https://www.npmjs.com/package/express-draft
https://www.npmjs.com/package/jose
https://www.npmjs.com/package/google-auth-library

0:00 Introduction
0:30 Creating credentials
6:12 React + Express setup using npm workspaces
7:20 Google sign in - React app
15:50 One-tap sign in
18:00 Validation of tokens on Express server
======================
✔ Other useful Playlists 
======================
#RestAPI (#NodeJS and MongoDB): https://www.youtube.com/playlist?list=PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT
#API Authentication using #JWT: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0ygjV4yGXNct25jY_ue70U
#Firebase: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2NimxW3piNqEVBWtXcraz-
Docker: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0gFlL8AXvZdAHsvpkuW0Ba
MongoDB: https://www.youtube.com/watch?v=liocKBCVJyw&t=7s
Html/Css/Js: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0saXVT9gfb2MESkiHG8YbP
Android: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2cv8zhK-zQx2qXfJKap9kU
Challenges: https://www.youtube.com/playlist?list=PLdHg5T0SNpN20F2v0xYWeLRZtdehexzDi

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
You won't BELIEVE what I just did with TanStack's React Tables!
Description: 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.

🔥 What You'll Learn:
Introduction to TanStack React Table and its benefits
Setting up a React project and installing TanStack React Table
Creating a basic table with static data
Sorting, filtering, and searching data within the table
Implementing pagination for handling large datasets
Customizing the appearance and styling of your table
Handling complex scenarios with nested tables and grouping
Performance optimization techniques for efficient rendering
Whether you're a beginner or an experienced React developer, this tutorial is designed to provide you with the knowledge and skills to build advanced data tables using TanStack React Table. Our step-by-step approach and practical examples will ensure a smooth learning experience, helping you gain confidence in handling data visualization challenges.

🎓 Who is this Tutorial For?
React developers looking to enhance their data visualization skills
Web developers interested in building interactive and responsive data tables
Data scientists and analysts seeking efficient ways to present data in React apps
Students and learners who want to explore advanced data table techniques

⭐ Why Choose TanStack React Table?
TanStack React Table is a powerful and flexible library built on top of React. With its intuitive API and extensive feature set, it simplifies the process of creating sophisticated data tables in React applications. Whether you're working on a small project or a large-scale enterprise application, TanStack React Table provides all the tools you need to manage, sort, filter, and visualize your data efficiently.

0:00 Introduction
0:44 Installing @tanstack/react-table
2:26 Basic Table
14:14 Styling using CSS
15:36 Custom cell rendering
17:38 accessorFunction
18:55 header groups with child columns
21:23 Pagination
25:48 Sorting
30:10 Filtering
32:32 Bonus 🤩

GitHub: https://github.com/trulymittal/tanstack-table-tutorial

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android #TanStackReactTable #ReactDataTables #DataVisualization #ReactTutorial #WebDevelopment
</video>
<video>
Unlock the Power of Server Actions in Next.js: Boosting Performance and Enhancing User Experience
Description: In this video we will about server actions in #nextjs

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
Secrets of AWS S3 Bucket Signed URLs: Boost Security and Control Access Like a Pro!
Description: 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.

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
How I lost my Job - ChatGPT
Description: 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

#yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
Turbocharge React Shopping Cart: Jotai State Management!
Description: In this video we will learn #state mangement in #react by building a #shopping cart #application in #nextjs using Jotai.

0:00 Introduction
1:33 Jotai Provider
2:41 defining atoms - a piece of state
4:45 Initial cart items state
5:44 Derived state for quality of cart items
10:43 Adding products to cart
19:10 useCart hook 
22:47 Delete a product from cart
25:50 Update cart item quantity
28:54 Order summary - Derived state
32:54 Formatting to currency
35:42 Resetting state

Github (starter project): https://github.com/trulymittal/jotai-tutorial/tree/starter-project
Github (complete project): https://github.com/trulymittal/jotai-tutorial

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
Astro - Complete tutorial
Description: In this video we will be doing a quick complete tutorial on #astro to build faster websites.

0:00 Introduction
0:13 Creating a new project
1:25 Creating pages
3:53 Using variables
4:49 Rendering arrays lists
5:41 Button click events
7:00 Script tags
8:06 Style using CSS
8:50 Components
11:25 TS Interface for Props
12:07 Layouts
15:43 Routing between pages
16:15 Posts page (example)
17:45 Fetching data from API or Database
18:56 Route params (i.e. slugs)
22:10 Dynamic routes (SSR)
22:51 Static routes (getStaticPaths)
25:33 Nested layouts
27:20 Getting data from route params

#yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
React Hook form, including ZOD schema validation
Description: In this video we will learn about #react hook form, including #zod validation.

Github repo: https://github.com/trulymittal/react-hook-form-tutorial
React hook form: https://react-hook-form.com/
Resolvers: https://www.npmjs.com/package/@hookform/resolvers
Zod: https://zod.dev/

0:00 Introduction
2:00 useForm hook
12:42 onTouch onBlur mode in hook-form
15:20 regex validation
17:45 ZOD validation
23:17 getValues, watch - form values outside form
24:52 setValue setting field value from outside the form

#tutorial #howto #nodejs #android #mafiacodes #yoursTRULY
</video>
<video>
Level Up Your Next.js Web Apps: Complete Clerk.js Authentication Tutorial for Next.js Developers!
Description: In this video we will learn about #authentication in #nextjs  using #clerk.

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 pages using middleware
9:30 User Button component
12:08 Public pages
13:08 User profile component
14:12 Sign-in/Sign-out button
16:13 Getting userId and user object
19:34 Client component useAuth()
22:16 Protecting API routes
25:22 Condition rendering of items depending on auth state
27:29 Customising appearance

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!
Description: 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 guide empowers you with the knowledge and skills to tackle any data fetching challenge. Say goodbye to slow loading times and embrace the future of seamless user experiences. Get ready to revolutionize your development workflow with React-Query and witness the extraordinary results firsthand.

0:00 Why do we need it?
0:54 Installation
2:05 Initialising QueryClient
3:27 useQuery hook
6:23 React-query dev tools
7:33 More on useQuery hook
9:32 Global Query function
12:11 Refetching data
13:18 Invalidating query
16:04 Mutations - useMutation hook
24:07 ONE-MORE thing

Tanstack Query: https://tanstack.com/query/latest

#mafiacodes #yoursTRULY #tutorial #howto #nodejs #android
</video>
<video>
How to use AWS Dynamo DB
Description: In this video you will learn how to use the #aws #dynamodb by doing all the crud operations in #nodejs.

https://www.npmjs.com/package/@aws-sdk/lib-dynamodb
https://www.npmjs.com/package/@aws-sdk/client-dynamodb

0:00 Introduction
1:18 AWS User for DynamoDB
5:07 Creating Tables
6:20 Adding Record using AWS console
7:36 Dependencies for dynamoDB
8:55 Dynamo client
13:44 Getting all the items
16:53 Adding item - PutCommand
19:46 Deleting item - DeleteCommand
21:16 Getting item by Id - GetItem
22:40 Updating an item using - PutCommand
25:25 Updating an item using - UpdateCommand

#mafiacodes #yoursTRULY #tutorial #howto
</video>

Contacts and Links

yourstruly2607@gmail.com 1

patreon.com/trulymittal 15

paypal.me/trulymittal 15

Description

👋, I started this channel because I have a passion to spread all the knowledge which I have in the most simple way (with utmost detailing as to answer the question - Why we are doing so?). This is a one-stop channel for different programming languages like Javascript, Html, Css, Java, Swift, Python, C, C++ and a lot more as n when required 😊.

I do talk a bit about the bookish 📕 stuff but the ultimate goal is to implement it 🎯, here you can learn anything about programming, from the basics 👶 to the advanced level 🎓.

So if you’ve gone through the description then you know that what to expect of this channel and do subscribe for awesome stuff 🕺.

Only for Business enquires: yourstruly2607@gmail.com

PS: Don't ask questions/solutions/doubts on this email - won't be answered.

Videos from channel

Published	Title	Description	Views
Jul 03, 2023	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....	10,763
Jun 27, 2023	UNLOCK the ULTIMATE Data Fetching Secrets with REACT-QUERY: You Won't Believe the RESULTS!	In this mind-blowing tutorial, we dive deep into the realm o...	3,122
Jun 20, 2023	You won't BELIEVE what I just did with TanStack's React Tables!	Comprehensive tutorial on TanStack React Table, the ultimate...	70,807
Jun 13, 2023	Level Up Your Next.js Web Apps: Complete Clerk.js Authentication Tutorial for Next.js Developers!	In this video we will learn about #authentication in #nextjs...	3,146
Jun 05, 2023	Secrets of AWS S3 Bucket Signed URLs: Boost Security and Control Access Like a Pro!	In this video we will learn about using #aws #s3 #bucket wit...	3,565
May 29, 2023	Turbocharge React Shopping Cart: Jotai State Management!	In this video we will learn #state mangement in #react by bu...	2,773
May 25, 2023	Mastering API Routes in Next.js: The Ultimate Guide	In this video we will about the new way of handling API rout...	3,561
May 22, 2023	Unlock the Power of Server Actions in Next.js: Boosting Performance and Enhancing User Experience	In this video we will about server actions in #nextjs ----...	1,120
Mar 27, 2023	Complete Next-auth tutorial, including global authenticated page component.	In this video you will learn how to use #nextjs next-auth t...	7,246
Mar 13, 2023	How to use One-tap Google sign in, including idToken validation server side	In this video you will learn how to use #google sign-in with...	7,871
Mar 06, 2023	How to use AWS Dynamo DB	In this video you will learn how to use the #aws #dynamodb b...	3,423
Feb 13, 2023	How to use tRPC with ExpressJS and React, including Prisma and tailwind css	This is a complete beginners tutorial about tRPC. We will b...	6,417
Feb 06, 2023	React Hook form, including ZOD schema validation	In this video we will learn about #react hook form, includin...	2,953
Dec 20, 2022	How I lost my Job - ChatGPT	In this video we will learn about #chatgpt . And how it may ...	1,874
Nov 28, 2022	Astro - Complete tutorial	In this video we will be doing a quick complete tutorial on ...	1,870

Mafia Codes

Contacts and Links

email

patreon

paypal

github

youtube

other links

Description

Videos from channel