Reactjs And Nextjs

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers.

Core Concept

CH-1 || WELCOME TO REACT || INTRODUCTION AND SETUP

CH-2 REACTJS || IMPORT || EXPORT || MODULE || COMPONENTS

CH-3 REACTJS || ROUTING || SPA|| SINGLE PAGE APPLICATION || COMPONENTS

CH-4 REACTJS || ROUTING || SPA | INLINE CSS || REACT BOOTSTRAP || ANIMATION

Basics Of Project Handling

CH-5 REACTJS || ROUTING || TEMPLATE || JSON APIS || REACT LOOP || REACT COMPONENTS

CH-6 REACTJS || ROUTING || INTERNAL COMPONENT || REACT CONDITION || DROPDOWNS MENU

CH-7 REACTJS || VIDEO || HOMEPAGE || APPLY ANIMATION || CONTROLL MENU BUTTTONS

CH-8 REACTJS || VIDEO || HOMEPAGE || SUB COMPONENT

Understanding Hooks

CH-9 REACTJS || SUB COMPONENTS || HOOKS || USESTATE

CH-10 REACTJS || REACT HOOKS || USESTATE || HOMEPAGE || SUB COMPONENT

Form Handling

CH-11 REACTJS || EXTERNAL JAVASCRIPT || READING FORM DATA

CH-12 REACTJS || WORKING WITH FORMDATA || SHOWING FORMDATA ON WEB PAGE

Practice With Hooks

CH-13 REACTJS || WOEKING WITH FORMDATA || UPDATE AND AND DELETE || AUTO FILL FORM

CH-14 REACTJS || WOEKING WITH HTTP REQUEST|| USE JQUERY || AJAX REQUEST | FETCH DATA

CH-15 REACTJS || FETCH ALL AND FETCH SINGLE DATA || USE JQUERY || AJAX REQUEST

Http And Ajax Request

CH-16 REACTJS || INSERT DATA AND HANDLE ID || USE JQUERY || AJAX REQUEST

CH-17 REACTJS || UPDATE DATA || USE JQUERY || AJAX REQUEST

CH-18 REACTJS || DELETE DATA || USE JQUERY || AJAX REQUEST

CH-19 REACTJS || CREATECONTEXT USECONTEXT AND USEREF || D-STRUCTURE

CH-20 REACTJS || USECALBACK || USEREDUCER IN REACT

CH-21 REACTJS || INFINITE SCROLL || PERSENT LOADER ATAJAX REQUEST IN REACT

CH-22 REACTJS || CREATE CUSTOM HOOK || USE CUSTOM HOOK IN REACT

CH-23 REACTJS || CREATE CUSTOM HOOK || GET || PUT || POST || DELETE REQUEST

CH-24 REACTJS || AXIOS || GET || PUT || POST || DELETE REQUEST

Material Ui

CH-26 REACTJS || MATERIAL UI || Stack In Material UI

CH-27 REACTJS || WELCOME TO PROJECT || DOCUMENTATION || ROUTING || MATERIAL UI

CH-28 REACTJS || WELCOME TO PROJECT || CHILDREN ROUTE || ROUTING || MATERIAL UI

CH-29 REACTJS || WELCOME TO PROJECT || ADMIN PANEL LAYOUT DESIGN || MATERIAL UI

CH-30 REACTJS || WELCOME TO PROJECT || CONTROL DRAWER AND NAV CMP || MATERIAL UI || @Justforcode ​

CH-31 REACTJS || WELCOME TO PROJECT || SUBHEADER || DROPDOWN MENU || MATERIAL UI

CH-32 REACTJS || WELCOME TO PROJECT || MENU || AVATAR || MATERIAL UI

CH-33 REACTJS | WELCOME TO PROJECT | CONTROL DRAWER AT MOBILE DESKTOP REACT-RESPONSIVE MEDIAQUERY

CH-34 REACTJS | WELCOME TO PROJECT | THEME AND FONT SETUP | SIGNUP PAGE DESIGN

Custom Hooks And Sweetalert

CH-35 REACTJS | WELCOME TO PROJECT | CUSTOM FORM VALIDATION INREACT | SIGNUP PAGE

CH-36 REACTJS | WELCOME TO PROJECT | CUSTOM FORM VALIDATION IN REACT | SIGNUP PAGE

CH-37 REACTJS | WELCOME TO PROJECT | CUSTOM FORM VALIDATION IN REACT | SIGNUP PAGE

CH-38 P-1 REACTJS | WELCOME TO PROJECT | CUSTOM HOOK | AXIOS HTTP REQUEST | SIGNUP

CH-38 P-2 REACTJS | WELCOME TO PROJECT | SWEET ALERT | SIGNUP PAGE​

CH-39 REACTJS | WELCOME TO PROJECT | SIGNUP API | INSERT FORM DATA IN DATABASE

Cookies And Redux

CH-40 REACTJS | WELCOME TO PROJECT | AUTHTOKEN | UNIVERSAL COOKIE

CH-41 REACTJS | WELCOME TO REDUX | LOCAL STATE HANDELING FROM REACT REDUX

CH-42 REACTJS | WELCOME TO REDUX | GLOBAL STATE HANDELING FROM REACT REDUX

CH-43 REACTJS | WELCOME TO REDUX | DOCUMENTATION OF REDUX FOR GLOBAL STATE

CH-44 REACTJS | WELCOME TO REDUX | FILTER BY EMAIL AND MOBILE GLOBAL STATE​

CH-45 REACTJS | WELCOME TO REDUX | MIDDLEWARE AND HTTP REQUEST REDUX GLOBAL STATE

CH-46 REACTJS | WELCOME TO PROJECT | SIGNUP API | REDUX | INSERT FORM DATA IN DATABASE

Yup Validation

CH-47 REACTJS | WELCOME TO PROJECT | LOGIN DURING SIGNUP | YUP LIBRARY FOR FORM VALID

CH-48 REACTJS | WELCOME TO PROJECT | LOGIN REQUEST | OPEN ADMIN PANEL AFTER LOGIN

CH-49 REACTJS | WELCOME TO PROJECT | LOGOUT REQUEST | SHOW USER INFO IN ADMIN PANE

CH-50 REACTJS | WELCOME TO PROJECT | TOGGLE SHOW AND HIDE PASSWORD | FORGOT COMPONENT

CH-51 REACTJS | WELCOME TO PROJECT | FORGOT PASSWORD CODING | FORGOT COMPONENT

CH-52 REACTJS | WELCOME TO PROJECT | DASHBOARD UI | PURCHASE AND REVENUE COMPONENTS

Essential Use Case And Api

CH-53 REACTJS | WELCOME TO PROJECT | REVENUE UPDATES | USING APEX CHARTS

CH-54 REACTJS | WELCOME TO PROJECT | REVENUE UPDATES | USING APEX CHARTS

CH-55 REACTJS | WELCOME TO PROJECT | CALENDER | USING FULL CALNDER

CH-56 REACTJS | WELCOME TO PROJECT | JODIT-REACT| JODIT EDITOR

CH-57 REACTJS | WELCOME TO PROJECT | LIGHT AND DARK MODE | PAPER COMPONENT

CH-58 REACTJS | WELCOME TO PROJECT | LAZY LOADING | SKELETON COMPONENT

Nextjs

CH-1 NEXTJS | WELCOME TO NEXTJS | ROUTING

CH-2 NEXTJS | WELCOME TO NEXTJS | INTRODUCTION AND CHILD ROUTING LAYOUT DESIGN

CH-3 NEXTJS | WELCOME TO NEXTJS | LOADER || PAGE NOT FOUND || THEME PROVIDER USE ...

CH-4 NEXTJS | WELCOME TO NEXTJS | ACTIVE MENU || USESWR || AXIOS HTTP REQUEST

Understanding Tailwind With Nextjs

CH-5 NEXTJS | WELCOME TO NEXTJS | TAILWIND CSS AND USE || TAILWIND CLASSESS

CH-6 NEXTJS | WELCOME TO NEXTJS | REUSABLE COMPONENT | BUTTON AND CARD COMPONENT

CH-7 NEXTJS | WELCOME TO NEXTJS | REUSABLE COMPONENT | CARD AND NAVBAR COMPONENT

CH-8 NEXTJS | HEADLESS UI | REUSABLE COMPONENT | EFFECT AND NAVBAR COMPONENT

CH-9 NEXTJS | HERO ICONS AND PATTERN | REUSABLE COMPONENT | ICONBUTTON AND ICON COMPONENT

CH-10 NEXTJS | CONTROL NAVBAR DESKTOP AND MOBILE | USING NAVBAR COMPONENT NGROK INTRO

React Spring And Formik With Nextjs

CH-11 NEXTJS | REACT SPRING | MOVE || SCROLL || ANIMATIONS

CH-12 NEXTJS | REACT USE DRAG | SIDEBAR EXAMPLE || SIDEBAR || ANIMATIONS

CH-13 NEXTJS | FROMIK AND YUP | REUSABLE COMPONENT || FORM AND INPUT

CH-14 NEXTJS | ANIMATION | REUSABLE COMPONENT || CAROUSEL DEVELOPMENT

CH-15 NEXTJS | ANIMATION | REUSABLE COMPONENT || USESPRINGS AND USEDRAG || DEVELOPMENT

Building Video Streaming Platform

CH-16 NEXTJS | LOGO DESIGN | TEMPLATE DESIGN || REUSABLE FOOTER || DEVELOPMENT

CH-17 NEXTJS | HOMEPAGE DESIGN | HEADER SUB COMPONENT | REUSABLE || DEVELOPMENT

CH-18 NEXTJS | HOMEPAGE | STREAMING PROJECT SUB COMPONENTS | REUSABLE || DEVELOPMENT

CH-19 NEXTJS | HOMEPAGE | REACT-USE-MEASURE || SLIDING AND USEDRAG PREV AND NEXT

CH-20 NEXTJS | HOMEPAGE | REDUX RECT-REDUX USEFULL MIDDLEWARES | PREVIEW IMAGE

CH-21 NEXTJS | VIDEOJS | VIDEO PLAYER | DYNAMIC ROUTE | UPDATE VIDEO AND UPLOAD VIDEO

CH-22 NEXTJS | OSS || HLS || DASH STREAMING | UNDERSTATNDING ALL STREAMING PROTOCOLS

CH-23 NEXTJS | HLS STREAMING | CONVERT .MP4 FILE INTO LIKE HLS STREAMING PROTOCOLS

CH-24 NEXTJS | ADMIN PANEL | MOVIES COMPONENT || SWEETALERT || REUSABLE DIALOG

CH-25 NEXTJS | ADMIN PANEL | MOVIES COMPONENT || FORMIK VALUES || REUSABLE SELECT

CH-26 NEXTJS | ADMIN PANEL | MOVIES COMPONENT || FORMIK VALUES || REUSABLE UPLOAD

CH-27 NEXTJS | ADMIN PANEL | MOVIES COMPONENT || FORMIK VALUES || REUSABLE UPLOAD

CH-28 NEXTJS | ADMIN PANEL | HLS STREAMING AND DASH STREAMING || IN AWS CONSOLE

CH-29 NEXTJS | API DEVELOPMENT | GET POST PUT DELETE REQUEST METHOD || SEND RESPONSE

CH-30 NEXTJS | API DEVELOPMENT | COOKIES | MIDDLEWARE| ENV | MODULE | SCHEMA

CH-31 NEXTJS | API DEVELOPMENT | AWS | S3 | FETCH DATA | SIGNED URL

CH-32 NEXTJS | API DEVELOPMENT | AWS | S3 | UPLOAD FILES | MULTIPLE UPLOADS ON S3 BUCKET

CH-33 NEXTJS | API DEVELOPMENT | AWS | S3 | UPLOAD FILES | MULTIPLE UPLOADS ON S3 BUCKET

CH-34 NEXTJS | AWS| API | S3 | MEDIA-CONVERT | CONVERT VIDEO FOR HLS AND DASH

CH-35 NEXTJS | AWS | API | S3 | UPLOAD| CREATE JOB AND UPLOAD FINAL DATA IN MONGODB

CH-36 NEXTJS | PROGRESS STEP BY STEP | AND DYNAMIC READING TILTLE AND VIDEO DURATION

CH-37 NEXTJS | JOBS ROUTE | FETCH ALL JOBS

CH-38 NEXTJS | JOBS ROUTE | FETCH ALL JOBS AND PRESENT ON UI

CH-39 NEXTJS | GET JOB BY ID || CANCEL JOB API | FETCH ALL JOBS API || MOMENT JS

CH-40 NEXTJS | MOVIES API || GET || DELETE || PUT API | FETCH ALL MOVIES | useSWR

CH-41 NEXTJS | MOVIES API | DROPDOWN MENU || LOGIN ROUTE | SIGNUP ROUE | SOCIAL LOGIN

CH-42 NEXTJS | NEXT AUTH | GOOGLE LOGIN | FACEBOOK LOGIN | GITHUB LOGIN | LOGOUT | SOCIAL LOGIN

CH-43 NEXTJS | NEXT AUTH | GOOGLE LOGIN | FACEBOOK LOGIN | GITHUB LOGIN | LOGOUT | SOCIAL LOGIN

CH-44 NEXTJS | NEXT AUTH | CUSTOM LOGIN | API | CRENDENTIAL PROVIDER | UPDATE SESSION

CH-45 NEXTJS | REGIATER API | INSERT REGISTER DATA IN DATABASE | REGISTER COMPONENT | PLANS

CH-46 NEXTJS | PLANS API | INSERT PLAN DATA IN DATABASE | UPDATE DELETE AND GET REQUEST | RESETFORM

CH-47 NEXTJS | FETCH ALL PLANS | DELETE PLANS | UPDATE PLANS | USESWR HOOK | RESETFORM

CH-48 NEXTJS | FETCH ALL PLANS | SSR | DYNAMIC COLOR FOR PLANS | FETCH

CH-49 NEXTJS | RAZORPAY PAYMENT GATEWAY USIN IN OUR WEBSITE | CREATE ORDER | FETCH ALL ORDERS APIS

CH-50 NEXTJS | RAZORPAY PAYMENT| CHECK USER LOGIN OR NOT AND PURCHASE API | PURCHASE ENTRY

CH-51 NEXTJS | MIDDLEWARE | EXECUTE MIDDLEWARE ON REGISTER ROUTE | JWT | TOKEN VERFICATION

CH-52 NEXTJS | MIDDLEWARE | VERIFY TOKEN ON SERVER DURING REGISTRATION | CHECK USER OR ADMIN SIGNUP

CH-53 NEXTJS | MIDDLEWARE | SECURE ADMIN PANEL ALL ROUTES FROM INVALID USERS

CH-54 NEXTJS | CUSTOM MIDDLEWARE | SECURE ADMIN PANEL ALL APIS | FROM INVALID USERS

CH-55 NEXTJS | CLOUDFRONT URL TO ACCESS S3 BUCKET | UPDATE MOVIE ACTIVE FALSE TO TRUE | BUILD API

CH-56 NEXTJS | VIDEOS ROUTE || ACTIVE APIS || READ LIMITED VIDEOS || VIDEO PLAYER | VIDEOJS

CH-57 P-1 NEXTJS | HTTP REQUEST ON SCROLL END || MOVIES ROUTES | CONTACT ROUTES

CH-57 P-2 NEXTJS | HTTP REQUEST ON SCROLL END || MOVIES ROUTES | CONTACT ROUTES

CH-58 NEXTJS | SWIPERJS.COM | FINALIZING HOMEPAGE DESIGN | LATEST MOVIES APIS

CH-59 NEXTJS | SWIPERJS.COM | FINALIZING HOMEPAGE DESIGN | LATEST MOVIES APIS

CH-60 NEXTJS | PLAN EXPIRY | VALIDITY | MOMENTJS | PLAN UPGRADE | EXECUTE MIDDLEWARE

CH-61 NEXTJS | AWS SES | SEND CONTACT DETAIL ON EMAIL | USING AWS SES | PROTECT VIDEO FROM PLAY

CH-62 NEXTJS | MONGODB CLUSTER | MONGODB CLOUD | CONNENT COMPASS WITH SERVER ALS VS CODE PROJECT

CH-63 NEXTJS | PREVENT FROM DUPLICATE REGISTRATION | STORE SOCIAL LOGIN DATA IN USERS COLLECTION

CH-64 NEXTJS | BUILD YOUR PROJECT FOR PRODUCTION READY || ALSO CREATE AN ACCOUNT ON GITHUB

CH-66 NEXTJS | PROJECT | PUSH YOUR PROJECT ON GITHUB || AND HOST YOUR PROJECT ON VERCEL