JS Guru Atul
JS Guru Atul
  • 43
  • 227 029
useState hook 🔥 | React Hooks | Hindi
The useState hook is used to add state to functional components. It returns an array with two elements: the current state value and a function that lets you update it.
#usestate #react #hooks #reacthooks
zhlédnutí: 132

Video

HTML 5 - p and pre tag | In Hindi
zhlédnutí 45Před 11 měsíci
In this lecture, we are going to discuss HTML P and PRE tags and when should use P and PRE tag, it is very important tags for content structuring. This lecture is in Hindi language. This lecture is dedicated to beginners and new learners of HTML. #html #htmltutorial #htmlbasics #htmlcourse #htmlinhindi @jsguruatul join telegram: t.me/jsguruatul
NextAuth.js | Google Login | Prevent Protected Pages | In Hindi
zhlédnutí 1,3KPřed 11 měsíci
In this lecture, we'll see login implementation and prevent protected pages if the user is not authenticated. Next auth is a library for authentication and it also manages sessions. #nextjs13 #nextauth #googlelogin Google Credentials - czcams.com/video/-CnjsP0Avb0/video.html @jsguruatul @readwritecity5842
Google OAuth | Get client_id and client_secret | In Hindi
zhlédnutí 151Před 11 měsíci
In this lecture, we are going to see how to get Google OAuth client_id and client_secret. #oauth #client_id #google_secrets #google_credencials
HTML 5 - h1, h2, h3 ... | heading tags | (In Hindi)
zhlédnutí 39Před 11 měsíci
In this lecture we are going to discuss about html heading tags and when should use heading tag, it is very important tags for SEO. This lecture in Hindi language. This lecture dedicated to beginners and new learners of HTML. #html #htmltutorial #htmlbasics #htmlcourse #htmlinhindi @jsguruatul join telegram: t.me/jsguruatul
HTML 5 - doctype, html, head, body tag || (In Hindi)
zhlédnutí 87Před 11 měsíci
In this lecture we are going to discuss about html introduction and how can run project. This lecture in Hindi language. This lecture dedicated to beginners and new learners of HTML. #html #htmltutorial #htmlbasics #htmlcourse #htmlinhindi @jsguruatul join telegram: t.me/jsguruatul
HTML 5 - Introduction & how to run project || (In Hindi)
zhlédnutí 31Před 11 měsíci
In this lecture we are going to discuss about html introduction and how can run project. This lecture in Hindi language. This lecture dedicated to beginners and new learners of HTML. #html #htmltutorial #htmlbasics #htmlcourse #htmlinhindi @jsguruatul join telegram: t.me/jsguruatul 0:15 Introduction 2:34 Run Online HTML 4:25 Run HTML using Text Editor
!! (not not) operator in JavaScript?
zhlédnutí 200Před rokem
!! converts non-boolean to boolean. If it was falsy (e.g., 0, null, undefined, etc.), it would be false, otherwise, true #jsoperators #js #react #doublenotoperator @jsguruatul
Next.JS Create Route using App Router | App Router | Next.js 13.4
zhlédnutí 117Před rokem
Next.js app router is the new structure of the project, Now we have a new way to create routes and layouts in the app directory. In this video going to learn how to create a route and dynamic route using an app router. #nextjs #nextjs13 #react #nextroute Next.js localization (internationalization): czcams.com/video/S_5tp8WFR-8/video.html Hoisting in JS: czcams.com/video/c0lWz_O5r4g/video.html 0...
Next.js Internationalization (localization) | Next.js 13.4 | i18n-routing | Hindi
zhlédnutí 8KPřed rokem
Next.js is a popular React framework used for building web applications. Localization, which involves adapting a website or application to different languages and regions, is an essential aspect of many projects. medium: atulfind.medium.com/next-13-4-localization-internationalization-using-app-router-8b001fdf572e #localization #intl #nextjs13 #nextjs @jsguruatul
Hoisting in JavaScript | Hindi
zhlédnutí 54Před rokem
Hoisting is a behavior in JavaScript where variable and function declarations are moved to the top of their containing scope during the compilation phase, before the code is executed. This means that you can use variables and invoke functions before they are actually declared in the code. #hoisting #js #javascipt @jsguruatul czcams.com/play/PLVfz5s2CVzl-z9WVXaq_jOzvhlW-bUFwr.html
Error Handling in Loader function
zhlédnutí 284Před rokem
We are going to cover react-router loader function error handling. channel: www.youtube.com/@jsguruatul React-Router: czcams.com/video/9e7RuhFl2e8/video.html #reactrouter #react #reactproject #js
Loader function - React Router 6.4+ | in Hindi
zhlédnutí 1,1KPřed rokem
Loader function - React Router 6.4 | in Hindi
Outlet in React Router | Create Layout for Routes
zhlédnutí 7KPřed rokem
Outlet in React Router | Create Layout for Routes
Nested Route | React Router 6.4+
zhlédnutí 392Před rokem
Nested Route | React Router 6.4
Copy to clipborad UI - Muted
zhlédnutí 57Před rokem
Copy to clipborad UI - Muted
Copy to clipboard using JavaScript
zhlédnutí 26Před rokem
Copy to clipboard using JavaScript
Intersection Observer API
zhlédnutí 2,4KPřed rokem
Intersection Observer API
git init | Create git repo
zhlédnutí 17Před rokem
git init | Create git repo
addEventListener to HTML element
zhlédnutí 23Před rokem
addEventListener to HTML element
Route Setup | React Router 6.4+
zhlédnutí 419Před rokem
Route Setup | React Router 6.4
CRUD service using GitHub Copilot
zhlédnutí 205Před rokem
CRUD service using GitHub Copilot
Custom dropdown with JavaScript - हिन्दी में
zhlédnutí 40Před rokem
Custom dropdown with JavaScript - हिन्दी में
if else helper in Handlebarsjs - हिन्दी में
zhlédnutí 47Před rokem
if else helper in Handlebarsjs - हिन्दी में
Install gcc with mingw | C/C++ Compiler
zhlédnutí 265Před rokem
Install gcc with mingw | C/C Compiler
Todo App using Github Copilot
zhlédnutí 115Před rokem
Todo App using Github Copilot
GitHub Copilot - Hindi
zhlédnutí 3,4KPřed rokem
GitHub Copilot - Hindi
Each helper (Loop) in Handlebars.js - हिन्दी में
zhlédnutí 236Před rokem
Each helper (Loop) in Handlebars.js - हिन्दी में
Callback in React - हिन्दी में
zhlédnutí 48Před rokem
Callback in React - हिन्दी में
Expressions and Context in Handlebars | Part 2 - हिन्दी में
zhlédnutí 76Před rokem
Expressions and Context in Handlebars | Part 2 - हिन्दी में

Komentáře

  • @bishalbhar-km3rl
    @bishalbhar-km3rl Před 5 dny

    thank you very much sir....

  • @amitdwivedi3092
    @amitdwivedi3092 Před 12 dny

    kya aap iska code provide kr sakte ho

  • @iamvikashkk
    @iamvikashkk Před měsícem

    is there any way to make it without routing

  • @AdityaGupta-im9lu
    @AdityaGupta-im9lu Před měsícem

    how to show loader spinner if api is in process

  • @tinkugorita7629
    @tinkugorita7629 Před 3 měsíci

    I'm not getting the layout pages when i build my application....please respond

  • @xboy2374
    @xboy2374 Před 3 měsíci

    best video

  • @CrazyAshu34
    @CrazyAshu34 Před 3 měsíci

    Thanks for making video on outlet

  • @smartguy3k
    @smartguy3k Před 4 měsíci

    Very nice tutorial. Thank you.

  • @abhishekdubey9920
    @abhishekdubey9920 Před 4 měsíci

    You are using mac or window?

  • @deepak420re4
    @deepak420re4 Před 4 měsíci

    Thanks sir i don,t know react but having knowledge basic in js it is helpful

  • @uday_ladhi
    @uday_ladhi Před 4 měsíci

    Thanks man❤

  • @vishwaguru2924
    @vishwaguru2924 Před 4 měsíci

    Sir ek se zyadaa component kaise render hota h outlet me

  • @mohammedshoaib2755
    @mohammedshoaib2755 Před 4 měsíci

    Awesome short & sweet...very much helpful for beginners ❣️🔥👌

  • @1234569312
    @1234569312 Před 5 měsíci

    Bhai, you could have explained how to install GitHub Co-pilot in VS code first

  • @arnabpramanik4665
    @arnabpramanik4665 Před 5 měsíci

    Nice Explanation. Keep it up

  • @amitchaudhary3760
    @amitchaudhary3760 Před 5 měsíci

    bhai isko direact app.js file main nahi kar skte hai without create extra component like layout

  • @df0452
    @df0452 Před 5 měsíci

    please make a detailed video about custom root element

  • @GauravPatel-ly4ul
    @GauravPatel-ly4ul Před 5 měsíci

    what is the use of outlet you did't explain?? why you make video

    • @Tussu17
      @Tussu17 Před 4 měsíci

      It is used to instruct where a parent should render its child.

  • @JetSpark24
    @JetSpark24 Před 5 měsíci

    Nice

  • @sulmanahmad6943
    @sulmanahmad6943 Před 6 měsíci

    Make a complete playlist on Next JS

  • @sulmanahmad6943
    @sulmanahmad6943 Před 6 měsíci

    Great 👍

  • @InspiringTV.Official
    @InspiringTV.Official Před 6 měsíci

    by passing files in [lang] folder i am getting error of generateStaticParams()

  • @parveen1341
    @parveen1341 Před 6 měsíci

    well explained brother ❤

  • @user-nv1rd5gz4v
    @user-nv1rd5gz4v Před 6 měsíci

    Awesome

  • @user-zj2xl2sm7q
    @user-zj2xl2sm7q Před 6 měsíci

    what's the benefit of outlet?

    • @Thatcityboy697
      @Thatcityboy697 Před 2 měsíci

      For placing your children routes components on any part of your parent route component

  • @sutthonabanni1998
    @sutthonabanni1998 Před 6 měsíci

    please speak a little loud

  • @shashankkumar1633
    @shashankkumar1633 Před 6 měsíci

    please also make video on how to accept payments in Next JS.... like if we are selling something, then how to accept its payment,,,,

  • @user-jg8nh3rh1m
    @user-jg8nh3rh1m Před 6 měsíci

    thanks for your tutorial. it work

  • @DeepakKumar-zq5im
    @DeepakKumar-zq5im Před 7 měsíci

    All things is clear but when I set newLocale with onClick, it redirects to my-redirected-page with newLocale but after that it changes locales back to en automatically , can you please help me to set the new locale on button click which works on all pages.

  • @rekhakalasare4910
    @rekhakalasare4910 Před 7 měsíci

    Thanks for the video

  • @prafullb4652
    @prafullb4652 Před 7 měsíci

    Very nice tutorial

  • @taukirsheikh9405
    @taukirsheikh9405 Před 7 měsíci

    amazing explanation

  • @supratickmondal4739
    @supratickmondal4739 Před 7 měsíci

    Please keep making helps a lot!! ❤❤❤❤

  • @rishabhkumar11
    @rishabhkumar11 Před 8 měsíci

    thanks :) Constructive feedback: plz improve audio quality.

    • @jsguruatul
      @jsguruatul Před 8 měsíci

      Thanks Rishabh for Feedback, I'm on it.

  • @vikramlimba8
    @vikramlimba8 Před 8 měsíci

    Thank u sir

  • @mdshalimsadman2614
    @mdshalimsadman2614 Před 8 měsíci

    thank you :)

  • @nealaringale
    @nealaringale Před 8 měsíci

    Best Video bhai Straight forward loved it

  • @Joe-xo8ns
    @Joe-xo8ns Před 8 měsíci

    Excellent this is for what I am looking for

  • @sujeetrajpoot9441
    @sujeetrajpoot9441 Před 9 měsíci

    superb

  • @TheBorninmotion
    @TheBorninmotion Před 9 měsíci

    thanks for tutorial, helped me a lot ! Tell me please , how can i set the route for default route as a / instead of /en/ for example ? Did you solved problem with locale switcher component ? In official locale switcher component - it's doesn't switch the route when we select /en/about/ for example.

  • @heysahilsingh
    @heysahilsingh Před 9 měsíci

    5:27 there’s no point using NextJs if we’re making our root layout as client component. We must create a custom component which will take root layout’s children props as children.

    • @jsguruatul
      @jsguruatul Před 9 měsíci

      correct bro. I have already implemented that part, you can check till 7:00. happy to listen your feedback.

    • @heysahilsingh
      @heysahilsingh Před 9 měsíci

      Yes, I see. I was just learning

  • @gmjitendra
    @gmjitendra Před 9 měsíci

    excellent

  • @heysahilsingh
    @heysahilsingh Před 9 měsíci

    Keyboard noise is so irritating, else video is useful

    • @jsguruatul
      @jsguruatul Před 9 měsíci

      Thanks bro, you suggestion matters. I'll try to reduce.

  • @ijazkhan4968
    @ijazkhan4968 Před 10 měsíci

    And please create such helpful videos on react js...

  • @ijazkhan4968
    @ijazkhan4968 Před 10 měsíci

    You made this very easy for me. Thank you so much for sharing such useful video.

  • @Yourguru9
    @Yourguru9 Před 10 měsíci

    Thanks for sharing...!!

  • @mohdsahil226
    @mohdsahil226 Před 10 měsíci

    public folder is not accessible after implementing i18n. Would you please help?

  • @erikkhachatryan32
    @erikkhachatryan32 Před 10 měsíci

    How can you make the context so that you don’t have to pass props every time?

  • @yogeshyts
    @yogeshyts Před 10 měsíci

    code b dedo bhai

  • @CodeZen01-i4j
    @CodeZen01-i4j Před 11 měsíci

    thankyou so much