Видео

How it's differ from document.write()

thankyou sir

really good video to learn more about js

Hi Vasanth, I`m following your channel since you had 7K subs. I have a suggestion for you. Its wonderful that you are making mock interview videos. It really helped me a lot. But dont repeat the questions multiple time. It is like I`m watching the video to get more learning and questions. However, Its of no use. Just think about it. Make videos having diff set of question. That would help use more. Otherwise, after watching certain amt of videos. There will be a saturation. Thanks 😉

pls make video on react js also advanced questions

Thankyou so much Sir. Your videos are just amazing.

Wait, how does server send "Server sent events" ? The connection needs to be bidirectional for the server to communicate via Sockets. Else, client have to initiate the communication request and server can ack using polling.

Nice

Thanks sir for sharing the such kinds of content

Ye sab bahot difficult lag raha hai

Very Useful Explanation Of System Design...👍Thank you for this video very helpful

"Great questions."

Hello Vasanth Bhat, I found your content very useful. Could you please create a series of videos covering React interview questions and answers? Thank you!

Recursively call the FlattenedList to print them all in ""

Promise.all will be used . it means if token get fail it will return the failure

very good video 🎉🎉 tomorrow I have my interview on react thank for that 😊

Hello Sir, I have watched all your videos related to React.js interviews, and I wanted to share some feedback. Your questions are excellent, but they are mostly theoretical. Nowadays, many companies and startups ask a few theoretical questions for warm-up and then move on to machine coding rounds. In these rounds, they give a task to build something in front of the them, and in between they will ask some question. I think it would be incredibly helpful if you could create some videos focused on these practical coding rounds. This would really help us prepare for upcoming interviews. I've been through 3-4 interviews myself, although they were not with high-paying companies.

Sir Where are you from? sir i wants to meet you please can you tell me ?

Thanks sir for sharing valuable video for us

//curring function add(x, y){ if(y != undefined){ return x + y; } return (y) => x+y; } output1 = add(10)(20) output2 = add(10,20) console.log(output1); console.log(output2);

crazy stuff

Answer 10: import React from "react"; const items = [1, 2, [3, 4, 5, 6, 7, [8, [9, 10, [[11, 12]]]]]]; function Helper({ arr }) { return ( <> {arr.map((item, index) => { if (typeof item === "object") { return <Helper key={index} arr={item} />; } else { return <li key={index}>{item}</li>; } })} </> ); } function FlattenedList(props) { const items = props.items; return ( <ol> <Helper arr={items} /> </ol> ); } const Exercise10 = () => { return <FlattenedList items={items} />; }; export default Exercise10;

import React from 'react' const items = [ 'item 1', ['nested item 1.1', 'nested item 1.2'], 'item 2' ] function FlattenedList(props) { const items = props.items; const flatted = items.flat() return ( <ul> {flatted.map((item, i) => { return <li key={i}>{item}</li> })} </ul> ) } function Flatten() { return ( <FlattenedList items={items}>Flatten</FlattenedList> ) } export default Flatten

this is the code snippet for question no 10 -> ``` import React from 'react'; const items = [ 'item 1', ['nested item 1.1', 'nested item 1.2', ["hye 1.3.1", ["helo 1.3.2.1"]]], 'item 2', ]; function flatlist(itemsArray, newArray){ for(let i=0; i<itemsArray.length; i++){ if(Array.isArray(itemsArray[i])){ flatlist(itemsArray[i], newArray) }else{ newArray.push(itemsArray[i]); } } return newArray } function FlattenedList(props) { const itemsArray = props.items; const ans = flatlist(itemsArray, []) console.log(" Flattened List ->", ans) console.log(" Orignal List ->", itemsArray) return ( <> <h1>Orignal List -></h1> <ul> {itemsArray.map(item => <div>{item}</div>)} </ul> <h1>Flattened List -></h1> <ul> {ans.map(item => <div>{item}</div>)} </ul> </> ); } function Exercise10() { return ( <FlattenedList items={items} /> ) } export default Exercise10; ```

1. Please sign in Because you haven't passed anything means props will be undefined and it is falsy value.

❤🎉

The second snippet is the correct one. Here's why: ### First Snippet: ```javascript import React, { useState, useEffect } from 'react'; function App() { const [value, setValue] = useState(0); useEffect(() => { const timer = setInterval(() => { console.log('value is', value); setValue(value + 1); }, 1000); return () => clearInterval(timer); }, [value]); return <h1>{value}</h1>; } export default App; ``` ### Second Snippet: ```javascript import React, { useState, useEffect } from 'react'; function App() { const [value, setValue] = useState(0); useEffect(() => { const timer = setInterval(() => { console.log('value is', value); setValue(value => value + 1); }, 1000); return () => clearInterval(timer); }, []); return <h1>{value}</h1>; } export default App; ``` ### Explanation: 1. **Dependency Array in `useEffect`:** - In the first snippet, `useEffect` has `[value]` as its dependency array. This causes the effect to run every time `value` changes. However, this leads to multiple intervals being set up because each time `value` changes, the effect will clean up the old interval and set a new one. This is not the desired behavior for this scenario. 2. **State Update Function:** - The second snippet correctly uses the functional form of `setValue` (`value => value + 1`). This ensures that `setValue` is called with the latest value of `value` without relying on the closure from the initial render. 3. **Stable Timer Setup:** - In the second snippet, `useEffect` has an empty dependency array `[]`, which means the effect runs only once after the initial render. This ensures that only one interval is set up, and it correctly updates the state every second. ### Conclusion: The second snippet correctly sets up the interval only once and updates the state properly using the functional form of the state setter. Therefore, the second snippet is the correct one to use. For Question No-8

Fan of your work sir!

Commenting to boost visibility. Important video.

Now a days interview call getting difficult ? when market should be normale

This channel helps a lot before interviews specially the one on one videoes

Bhaiya apply kidhar krre frontrole ke liye Infosys mai?? can you provide link for application

First html then css and javascript.. Initiator for html is browser through get request and for css and javascript is html.

Hello sir Capgemini mai frontend developer ke liye kaise apply krre any link

Hello sir I am a RUclips video editor I want to work with u plzzz reply me if u read this comment

Hello sir I am a RUclips video editor I want to work with u plzzz reply me if u read this comment

Whenever I'm thinking of lag in preparing for interviews you giving me a fresh motive to continue the preparation. Thanks vasanth 😊 it's means a lot

Please Do Technical Round Questions Which mean like Machine Coding round questions, system design round questions .... i just wanted to say one thing you're videos are very helpful

Bhaiya Ji Please continue this series.🙏

Please post round 2 questions.