Видео

At 11:00, you don't have to write another function, you can return this object. it will work as expected.

this girl's so knowledgable. great guest!

you are the best mentor of frontend....

Can someone or the author please post a full solution of that memoize(add) function question? Thanks !

Hey Chirag, this helps a lot but It would have been a lot better if you could have given examples and implemented that in React projects. This way, we would also know its implementation in our projects.

I like this because it is raw & genuine (just like real interviews) (Nowadays, it's rare to find genuine conversations on YT 🙂) it is informative & learned a few things. Thanks to both of you for taking out time.

daily 25 application krta tha 50 interview dia 3-6 month struggle k bad job laga😅

I don't think she has 2 years of experience

Video is very helpful for me. Thanks for making this topic simple 👍🏻👍🏻

i like the way you introduced the concepts in the initial episodes and gradually explaining each of them. lots of love and blessings Chirag.

➡️➡️Using Splice which modifies the original arr and helps to easily cut out the portion and add it to result- var chunk = function (arr, size) { const result = []; while (arr.length > 0) { const portion = arr.splice(0, size); result.push(portion); } return result; };

The preload does not execute the script actually. According to the documentation, even though the name contains the term load, it doesn't load and execute the script but only schedules it to be downloaded and cached with a higher priority. Prefetch is used for improving the load time of subsequent pages while preload works best on critical resources for the current pag

Hey all, Mitesh was my senior at Delhivery. At Delhivery, most of the front-end applications are built with Vue.js. He has extensive work experience in Vue.js. The UI library Mitesh wrote in Vue.js, I am using those components. On daily basic, he worked on Vue. He has practice in Vue style. That's why having difficulty writing React. Nothing else. He is extremely great at JavaScript and Front-end concepts. (and DSA too) Now He has learned React and is doing great at it. He is a very quick learner🔥. In the end, I will say if Sachin Tendulkar scores low one day, doesn't mean he is a bad player.

I love chirag sir feedback, sir is very humble , he insures no one loss his confidence.

It's disappointing that a 3.5 years experienced guy doesn't surely know how the time is updated.......it takes long to realise that he should use callback function

Great Job Chiraj Sir i am inspired by you .....❤❤❤

Redux is basically a state management tool that helps us store data. Whenever any child component wants to access this data, it automatically gets it from the Redux store (data storage). It is effective and time-saving, eliminating the need to pass data down through the component tree from parent to child.

Thanks, I am learning lots of programing trick and solutions to your this series

For a 3.5 YOE guy this should not take more than 15-20 min.

Hey Chirag, just a suggestion if you think the interviewee could have done something better in the code and if he/she was unable to do it please show it after the interview ends else we will be left without knowing what you were expecting and what was right if the the person being interviewed failed to do so . Its a great series man, big ups to you for doing this, keep it coming❤

Please don't mind but according to this level of experience it should be easy for him to implement this timer functionality. He knows all the concepts but he lacks confidence from my view. So NOT SELECTED.

Sir please bring in more javascript interviews, it will be helpful 🙏

Thank you. 😊❤

i dont have confidence after watching this type of interview I improve my self

Hi Chirag sir, I recently enabled duck duck go tracking protection. This prevents apps from tracking me. Can you please write a post or make a video covering this case

I love both these guys after listening these conversation. Recently I bought a << " Namaster React " >> at the cost which is okay also bcz Akashay put lot of efforts into it. Mostly the way he explained the things till deeper level. Thanks Akashay Saini.

function chunk(arr, size) { let result = []; for (let i = 0; i < arr.length; i = i + size) { result.push(arr.slice(i, i + size)); } return result; }

damn shes so good. . ithink the hardest is the 2nd to the last problem, icant even know ,how to memoize a the result. haha

if iam wrong correct me import React, { useState } from "react"; export default function Home() { const [addData, setAddData] = useState([ { folderName: "MainFolder", type: "folder", childItem: [ { name: "file1", type: "file" }, { folderName: "folder1", type: "folder", childItem: [ { name: "file2", type: "file" }, { name: "file3", type: "file" }, ], }, ], }, { folderName: "MainFolder1", type: "folder", childItem: [{ name: "file3", type: "file" }], }, ]); const [text, setText] = useState(""); const [textBoolean, setTextBoolean] = useState(false); const [currentFolder, setCurrentFolder] = useState(null); const handleFile = (data) => { setTextBoolean(true); setCurrentFolder(data); }; const handleEditFile = (data2) => {}; const handleValue = (event) => { setText(event.target.value); }; const updateStructure = (p1, obj1) => { return p1.map((ele) => { console.log("ele =>",ele.childItem) if(ele === currentFolder){ return {...ele , childItem: [...ele.childItem , obj1]} } if(ele.childItem){ return {...ele, childItem: updateStructure(ele.childItem, obj1)} } }); } const handlesinglefile = () => { let samlechild = { name: text, type: "file" }; const updatedData = updateStructure(addData, samlechild); console.log("updated Data1 =>",updatedData); setAddData(updatedData); setText(""); setTextBoolean(false); }; const handlesinglefolder = () => { let samlechild1 = { folderName: text, type: "folder", childItem: []}; const updatedData = updateStructure(addData, samlechild1); console.log("updated Data2 =>",updatedData); setAddData(updatedData); setText(""); setTextBoolean(false); }; console.log("addData =>",addData) const Sample = (example) => { return example ? example.map((data, index) => ( <li key={index}> <h3> <div> {data?.folderName || data?.name} {data?.type === "folder" ? ( <> <button onClick={() => handleFile(data)}>Create</button> <button onClick={() => handleEditFile(data)}>Edit</button> </> ) : ( <button>Edit</button> )} </div> </h3> {data?.childItem && ( <ul style={{ paddingLeft: "10px" }}> <h5>{Sample(data.childItem)}</h5> </ul> )} </li> )) : []; }; return ( <> {textBoolean && ( <> <input name="name" value={text} onChange={handleValue}></input> <button onClick={handlesinglefile}>file</button> <button onClick={handlesinglefolder}>folder</button> </> )} <ul>{Sample(addData)}</ul> </> ); }

can u please make 3 year experience with little harder question , i need theory and coding questions

broooo .... basically, basically, basically, basically, basically, basically ... thats all he know?

Chirag There are many many great and smart people here in our India . Why Pakistanis ? not able to understand

If you put the script tag at the bottom of the body tag, it will first parse the HTML completely and then fetch the JavaScript file and execute it and then the DOMContentLoaded event will fire. In the normal vs async vs differ, you forgot to mention one point that in async, scripts are not guaranteed to execute in order whereas in defer they are guaranteed to execute in order

Does system design problems in this course are specific to any js framework like reactjs / angular or any other? or is it regardless of any framework it can be applied to any where generally ?

Good I don't think that she has 1.5 experience also

In this type of educational videos don't use any meams it's distracting us

Hi What kind of experience is needed for engineering manager (core or id)? Which degree is relavent to pursue engineering manager?

Hi Chirag, Thank you for the mock interview session we had on live. Although my performance was not up to the mark, the experience was precious. Your guidance and feedback at each step were beneficial and gave me clear directions for improving my communication skills. I appreciate your patience and effort in making the session constructive. It was a great lesson, and I'm motivated to work harder and return stronger. Thank you once again for your support and encouragement.

This is the solution that I have completed after the interview: import React, { useState } from 'react'; import { Button, Form, Modal } from 'react-bootstrap'; const Solution = () => { const [show, setShow] = useState(false); const [selectedObj, setSelectedObj] = useState(null); const [structure, setStructure] = useState([ { name: 'folder1', type: 'folder', children: [{ name: 'file1', type: 'file' }] }, { name: 'folder2', type: 'folder', children: [{ name: 'folder3', type: 'folder', children: [{ name: 'file5', type: 'file' }] }] }, { name: 'file1', type: 'file' }]); const addDummyFile = (obj, newItem) => { setStructure(prevStructure => { const newStructure = JSON.parse(JSON.stringify(prevStructure)); const updateFolder = (folder) => { if (folder.name === obj.name) { folder.children = [...(folder.children || []), (newItem.type === 'file' ? { name: newItem.name, type: 'file' } : { name: newItem.name, type: 'folder', children: [] })]; } else if (folder.children) { folder.children.forEach(child => { if (child.type === 'folder') { updateFolder(child); } }); } }; newStructure.forEach(folder => { if (folder.type === 'folder') updateFolder(folder); }); return newStructure; }); }; function CustomModal({ obj, show, setShow }) { const [newItem, setNewItem] = useState({}); const handleClose = () => { setShow(false); addDummyFile(obj, newItem) } return ( <Modal show={show} onHide={handleClose}> <Modal.Header closeButton> <Modal.Title>Modal heading</Modal.Title> </Modal.Header> <Modal.Body> <Form> <Form.Group className="mb-3" controlId="exampleForm.ControlInput1"> <Form.Label>Name</Form.Label> <Form.Control onChange={(e) => setNewItem({ ...newItem, name: e.target.value })} type="text" placeholder="Name" autoFocus /> </Form.Group> <Form.Group className="mb-3" controlId="exampleForm.ControlInput2"> <Form.Label>Type</Form.Label> <Form.Control onChange={(e) => setNewItem({ ...newItem, type: e.target.value })} type="text" placeholder="Type" autoFocus /> </Form.Group> </Form> </Modal.Body> <Modal.Footer> <Button variant="primary" onClick={handleClose}> Save Changes </Button> </Modal.Footer> </Modal> ); } const mapChilds = (arr, setStructure) => <p style={{ paddingLeft: '50px' }}> {arr.map(x => folderStructure(x, setStructure))} </p> const folderStructure = (obj, setStructure) => <p> {obj.type === 'folder' ? '+' : ' '}&nbsp;{obj.name} {obj.type === 'folder' && selectedObj && <CustomModal obj={selectedObj} show={show} setShow={setShow} />} {obj.type === 'folder' && <Button variant='primary' className='m-2' onClick={() => { setShow(!show) setSelectedObj(obj) }}>CREATE</Button>} {obj.children ? mapChilds(obj.children, setStructure) : null} </p>; return <> <h1>Folders List</h1> {structure.map(obj => folderStructure(obj, setStructure))} </>; }; export default Solution;

Thanks for Such Informative Session.Love from cross border Pakistan

Which website do you use for the mock interviews? It do not look like Sandbox or anything. Can you please tell the name so that we can also practice on this.

Please ask harder questions... Love your videos ❤

Hello sir could u pls suggest me.. I am frontend dev with 2 year of experience but i bounded 4 year bond with my company because he sponsored me mtech of duration 4 year, but he Paid me very low salary. Now i want to swith my job to quit mtech but they will not provide me my experience letter before four year. So pls sir suggest me what should i do now

Chirag very patient you were…Only success interviews will not happen in real life. But Chirag great interview and your patience with this guy is amazong

Chirag goel, you're a very nice person. 😊❤ please bring more videos related to frontend interviews, may we get a list of questions asked for browser coding, machine coding rounds please?❤

I am from Pakistan. I think Chirag there should be a test interview before this mock interview, so that you can check either this person is eligible or not. This guy is not a good representation for my country.🙏

Maintain a type:’file’ | ‘folder’

I am learning Web Dev from youtube and by googling things, I didn't get my first job but I knew it. 😅

function MyDayToday(Basically){ for(i = 0; i < infinity; i++){ return "Basically" } }

Awesome video Chirag, very informative! Thanks for this. I was also coding along and I feel that, diagonal logic doesn't need to be inside for loops as we have only 2 diagonals per board.