Видео

Hello, you did a very good job posting these JS interview questions!

Yes I use no library can do this use CSS with js and store ls values and reload the value on refresh basically you get the idea i am already know these simple things 😂

Heyy, bhai ye Api work nahi karti he to kya kare ab??

Question 7: Make this run only once We can also write like this. Is that make sense? @RoadSideCoder Brother I'm waiting for your reply let called = false; function likeTheVideo() { if(called === false) { console.log('First time we are calling') called = true } else { console.log('Already we are called') } } likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo()

very underrated channel, this channel need more subs 🔥

my code : import React, { useState } from 'react' const Folder = ({explorer}) => { const [expand, setExpand] = useState(false); const [showInput, setShowInput] = useState({type: '', show: false, value: '', parent:explorer}); const insertElement = (exp, val)=>{ if(explorer.id === exp.id){ explorer.items.push(val) }else { if (explorer.items.length> 0){ explorer.items.map((item)=>{ if(item.id === exp.id){ insertElement(item, val) } }) } } } if (explorer.isFolder) return ( <> <div className='cursor-pointer rounded-sm text-white bg-gray-500 w-[250px] my-3 ml-2 px-2 py-1' > <div className='flex items-center justify-between flex-row ' > <span className='mr-3 w-full' onClick={()=>setExpand(!expand)}>{expand ? '📂 ': '📁 '}{explorer.name}</span> <div className='flex justify-center gap-2 flex-row'> <div className='z-[1000]' onClick={()=>{setExpand(true); setShowInput({...showInput, type: 'folder', show:true})}}> 🗃</div> <div className='z-[1000]' onClick={()=>{setExpand(true); setShowInput({...showInput, type: 'file', show: true})}}> 📃</div> </div> </div> </div> {showInput.show && expand && <div className='input'> <input type='text' className='border ml-[20px]' autoFocus placeholder={showInput.type==='folder'? 'New Folder Name': 'New File Name'} onBlur={()=>{ setShowInput({...showInput, show: false, value: ''}) }} value={showInput.value} onChange={(e)=>setShowInput({...showInput, value: e.target.value})} onKeyDown={(e)=>{ if(e.key === 'Enter'){ insertElement(showInput.parent, {id: '10', name: e.target.value, isFolder: showInput.type==='folder'? true: false , items: []}) setShowInput({...showInput, show:false, value: ''}) } }} /> </div> } <div className='' style={{display: expand? 'block': 'none' , paddingLeft: '10px'}}> {explorer.items.map((exp)=>( <Folder explorer={exp}/> ))} </div> </> ) else return <div className='cursor-pointer rounded-sm bg-gray-50 w-[250px] my-3 ml-2 px-2 py-1'>📄 {explorer.name}</div> } export default Folder

const insertElement = (exp, val)=>{ if(explorer.id === exp.id){ explorer.items.push(val) }else { if (explorer.items.length> 0){ explorer.items.map((item)=>{ if(item.id === exp.id){ insertElement(item, val) } }) } } } works the same : )

Awesome bro , everything is fine, but in promise.All you missed one edge case function showText(text, time, pass = true) { return new Promise((resolve, reject) => { setTimeout(() => { if(pass) { resolve(text); } else { reject(text); } },time); }) }; const myPromiseAll = function(promises) { let result = []; let count = 0; // keep track of resolved promise return new Promise((resolve, reject) => { promises.forEach((p,index) => { p.then((res) => { result.push(res); count++; if(count === promises.length) { resolve(result); } }).catch((err) => reject(err)); }) }) }; myPromiseAll([showText("hello",2000),showText("hi",3000,false), showText("rejected hi", 1000)]).then((value) => console.log("Custom promises resolved", value)); // your function fails if last promise resolved before than the promise which is going to get rejected

For anyone facing the issue of sockets not working after deploying, u have to change endpoint in SingleChat.js in frontend from localhost to the Deployed website's URL and sockets will start working. Thank me later🙂

Tailwind css makes it easier to implement dark theme

Thank you bro!!

why r u not go with tsx rather jsx

Hey I was watching this tutorial for interview prep, got one doubt this cloning objects with different ways have its own limitiation. Most common is method is not preserved and also complex entities like Set, Map, Regex. loadhash would simpilfy this but how we can do this without using external library is there any Polyfills to it?

Why don't we just use a normal text input to place OTP?

Bro you're just a hidden gem. Your video should reach to many developers.

Amazzingg 🎉🔥

VERY GRATEFUL !!!!!🙏🙏🙏

If someone asked this question in an interview I’d leave immediately this is a specific topic why ask question about a specific topic?! How long was this interview?! Creating a search bar seems more realistic of a problem or a menu rendered recursively etc! If someone is asking this specific of a question they need to tell you in advance about the drag and drop api I guess!

There is a issue I think where ever the data updated on the api also it takes past result

Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........ Also, JWT authentication and authorisation technique in any React Project.

Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........ Also, JWT authentication and authorisation technique in any React Project.

Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........ Also, JWT authentication and authorisation technique in any React Project.

I need to discuss regarding my career in Software Development. I am good in HTML, CSS, BootStrap, JavaScript, React, TypeScript Due to non technical background, I'm not able to grab a job. How can you help me?

Can i follow this along as a react js beginner?

Thanks for making such good content. Just one general feedback for your videos, please try to explain things in more detail. It seems like you are just saying what you are typing. Hope you take it positively!

I am not able to see how many users are opening the link via mobile instead of opening it through mobile ,help me what should i do? Also as i have created new links nothing is showing in my databse both the tables are empty

If you explained this briefly, it would be helpful for us .

That intro to recursion was so cool bro!! keep that up. loving your videos

sir please hindi me explain kre to jyda better hota i like ur content but language should be hindi

hii, I can't seem to find the API base url in cloudinary, my interface is different than yours, and i can find only API key and secret key, but not the url like which you have shown

does this chats get deleted once ur out of the website ? is yes, how can i make this website to keep the chats in it and not delete.

He did not say nudes 😂

Sir, In SideDrawer.js , {user.pic} in not working..... How to fix this?

Can i build this project for resume.

i am getting Failed to fetch error at 1:01:20, how can i fix it?

Thats a very dumb interview question. I let people do google search when I take interviews. And even then, I would not ask them to do this.

timestamp : 28:00

7:30 Supabase

And this is how u make a concept more complex. instead of explaining usecontext .

Bhai test case ka bhi banao

What a hidden GEM 😎😎😍😍

bro you should not use inbuilt functions for interviews

leaving bookmark 56:15

great project

He gives a shraap at the end - “Your code will get errors if you don’t subscribe” 😂

form last 1 year im looking for this type of project specialy this url shortner application ,i appreciate to your work need more such projects video

It looks good but you won't have major control over UI what if form layouts demands totally diff layouts with 3 grid or dynamic fields validations such all cases this pattern will failed for sure. Telling from personal experience. Create custom input with needful props and use it where ever you need however you need. For filters, forms, etc..

i will just say fuck off , if they ask this interviews 😂. Who the hell will remember all the dropzone drag handlers and all😾

No need to write else

Sir you are not even explaining the logic. Because of these kinds of videos there are so many bad developers who thinks that they are good and feeling happy after copying code. Forget about implementation i bet most of them are not even getting the logic then what is the point of upload this kind of videos just give the code and go. 😊