- 43
- 227 029
JS Guru Atul
India
Registrace 8. 01. 2017
Let's start JS.
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
#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
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 - हिन्दी में
Each helper (Loop) in Handlebars.js - हिन्दी में
zhlédnutí 236Před rokem
Each helper (Loop) in Handlebars.js - हिन्दी में
Expressions and Context in Handlebars | Part 2 - हिन्दी में
zhlédnutí 76Před rokem
Expressions and Context in Handlebars | Part 2 - हिन्दी में
thank you very much sir....
kya aap iska code provide kr sakte ho
is there any way to make it without routing
how to show loader spinner if api is in process
You can use Navlink in form
@@sahilkumar_official what ?
I'm not getting the layout pages when i build my application....please respond
best video
Thanks for making video on outlet
Very nice tutorial. Thank you.
You are using mac or window?
Thanks sir i don,t know react but having knowledge basic in js it is helpful
Thanks man❤
Sir ek se zyadaa component kaise render hota h outlet me
Awesome short & sweet...very much helpful for beginners ❣️🔥👌
Bhai, you could have explained how to install GitHub Co-pilot in VS code first
Nice Explanation. Keep it up
bhai isko direact app.js file main nahi kar skte hai without create extra component like layout
please make a detailed video about custom root element
what is the use of outlet you did't explain?? why you make video
It is used to instruct where a parent should render its child.
Nice
Make a complete playlist on Next JS
Great 👍
by passing files in [lang] folder i am getting error of generateStaticParams()
well explained brother ❤
Awesome
what's the benefit of outlet?
For placing your children routes components on any part of your parent route component
please speak a little loud
sure bro
please also make video on how to accept payments in Next JS.... like if we are selling something, then how to accept its payment,,,,
sure
thanks for your tutorial. it work
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.
Thanks for the video
Very nice tutorial
amazing explanation
Please keep making helps a lot!! ❤❤❤❤
thanks :) Constructive feedback: plz improve audio quality.
Thanks Rishabh for Feedback, I'm on it.
Thank u sir
thank you :)
Best Video bhai Straight forward loved it
Excellent this is for what I am looking for
superb
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.
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.
correct bro. I have already implemented that part, you can check till 7:00. happy to listen your feedback.
Yes, I see. I was just learning
excellent
Keyboard noise is so irritating, else video is useful
Thanks bro, you suggestion matters. I'll try to reduce.
And please create such helpful videos on react js...
sure, thanks 🙏
You made this very easy for me. Thank you so much for sharing such useful video.
Thanks for sharing...!!
public folder is not accessible after implementing i18n. Would you please help?
How can you make the context so that you don’t have to pass props every time?
code b dedo bhai
thankyou so much