Telegram group - t.me/Reactjs_Interview Please don't judge and comments on my answers. this is just the interview experience and If you know the right answers please comment below which can also help others. Instagram - instagram.com/dev.roshan_ twitter - twitter.com/dev_roshann

The question standard is decent. It’s not only about easy questions, interviewers check your depth of knowledge, they may expect you to explain in depth about JavaScript stack, and async non blocking operations how it works, etc.

- What is lifecycle method in react ? - How will you convert class based to function based component in react? - How do you manage state in component? - Redux middleware ? => Saga and Thunk - Why do we need middleware in redux implementation? => to capture error log etc. - Why do we need typescript instead of javascript? => - Explain use case with typescript? - Do you know server side rendering in react? - How to style a component in react? => used .css and .style component directly - Have you used any library in react? which one please explain? - In materialUI what does makeStyle function do? - Can we use multiple className in same object for materialUI? Ex. in gridUI can we use? - What is your testing strategy? => we use unit testing (JEST) - I am creating a application and it should support two language - English & Hindi - so you are developing there application in react - so what will be your approach? - Have you worked in CMS (Connect Management System)? => Wordpress - CODE - Team Member size - How do you manage project any tool you use? => gitlab - Are you following any agile method in project - Do you have any experience in Devops?

2nd question answer will be 1 because after the callback function of the setTimeout come inside the callstack the i nis already declared and initialized so it will print 1

Thank you so much for sharing this interview... It's really helpful. The interview really good

- [00:00](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 📝 Coding Logic and Approach - Understanding the order of execution of asynchronous JavaScript code. - Implementing recursion to traverse and extract data from nested objects. - [04:11](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🧠 ReactJS Lifecycle Methods - Explaining the three phases of ReactJS lifecycle: mounting, updating, and unmounting. - Converting class-based components to functional components using useEffect for lifecycle methods. - [07:12](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🖥️ Managing State in React - Using the useState hook to manage state in functional components. - Describing how to manage state across multiple components using props drilling and Redux. - [10:08](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 📦 State Management with Redux - Contrasting Redux and Context API for state management in React. - Explaining the concepts of actions, reducers, and dispatch in Redux. - [13:12](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🔄 Middleware in Redux - Defining middleware in Redux and its purpose in intercepting actions. - Mentioning Redux Saga and Redux Thunk as examples of middleware. - [15:22](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🔤 Advantages of TypeScript in React - Discussing the benefits of TypeScript for error reduction and type safety in React development. - Providing an example of using TypeScript interfaces for component parameters. - [17:16](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🌐 Server-Side Rendering with Next.js - Sharing experiences with Next.js for server-side rendering and API handling. - Highlighting advantages like simplified routing and built-in SSR support. - [18:19](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🎨 Styling React Components - Mentioning usage of CSS files, styled-components, Sass, Bootstrap, and Material UI for styling. - Explaining the role of the makeStyles function in Material UI. - [19:36](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) ✔️ Unit Testing Strategy - Describing the use of Jest and Enzyme for unit testing React components. - Sharing a preference for testing all components and utilizing snapshots. - [20:48](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🌍 Multi-Language Support in React - Discussing globalizing components using libraries for multi-language support. - Admitting lack of familiarity but mentioning previous usage in a project. - [21:30](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🛠️ Interaction with CMS (WordPress) - Sharing experience developing a React plugin for WordPress. - Expressing the need to review documentation for data interaction. - [32:49](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 🔄 Project Management and Version Control - Describing the use of GitLab for task assignment, branch creation, and merge requests. - Adhering to agile methodologies for project management. - [33:05](kzfaq.info/get/bejne/iMeglsSYu9qmXWQ.html) 💼 Future Opportunities and Learning - Inquiring about potential project assignments and technology stacks. - Asking about the possibility of working on both front-end and back-end tasks.

for question 1:34 it will print 1 because setTimeout function goes into callback and takes 1 second to be executed in that mean time x will be declared in function function x() stack frame and it will be accessible for callback function of setTimeout

The problem with async await was that you didn't put await before res.json() but kudos to you that you remained calm and changed it to .then() chaining and got it done!

Hi Roshan, These videos really very helpful. Thanks for this initiative 👍👏🙂

Thanks for sharing!!

Thank you so much for sharing.....

Thank you for sharing Sir

Superb bro....!!!

thank you for sharing your experience of intervew.

wow...those were actually an easy questions. I am a MERN developer with two years of gap after graduation and yes, 0 working experience or company exposure 😂. I thought company like infosys have tough interviews. Thank you, I think i gained a litttle confidence. Thanks for sharing...

Thanks brother, this will help me a lot

Thanks for sharing...too helpful 🎉✌🏻

Hi bro!, At 2:00 it will print the value of i since set time out is an asynchronous function it will go to the callback queue but In the meantime i variable will be defined

The menu structure we are using in our app. recursion is what used.

Prop drilling can be solved using context api and component composition

@Roshan, How much experience do you have?

Difference between framework and library? Answer: who calls who!? if we call the external code, then it is library. If our code is called by another code then it is framework. It is the concept of Inversion of control!

Set time out will take time this is not true.. you need to explain how set time out register in Colstack

Nice video , can I know the package for this .!

Hey @Dev. Roshan ! Its amazing!! This is for experienced level, can you give pointers to level of difficulty for react.js questions, if it was for a current final year student with reference to this interview. Your guidance would help me a lot. Thanks!

bro passing index as key in a map loop is the worst thing you can do in react learnt it the hard way time stamp 30:00

thanks buddy

Thanks for sharing.. it is very helpful for me :)

Somebody help me in this problem Please write solution in javascript Write a function called do_allocation(number_of_people, number_of_buses) The function should return a list of number of people who can get into the next bus that comes in based on the following logic: Each bus’s capacity is the sum of the capacities of the previous two buses. Once all the people get in, then the buses can continue, but will have 0 people inside it. This is the case when the number of people are less and there are more buses. So after all the people are already boarded, then the remaining buses will have 0 people boarding. The output of the function is an array/list with the same length as number_of_buses. The total of this output array/list should be less than or equal to the number_of_people. The first bus’ capacity can be set to 1 by default. E.g. Def do_allocation(number_of_people, number_of_buses): …. Your code…. Return array[number of people got into first bus, number of people got into second bus, …. , number of people who got into last bus]

Great bhai 💪👌

what was the salary offered?

How much package u got brother?

You have to add custom middleware like Redux thunk or saga to do things like fetching data from API. And then you will be able to return a async function from the action which will return a pure JSON object once the API response is received. The interviewer was trying hard to bring you to that point.

Thanks for the intiative Really helpful

Wow...

Is it for freshers? or experienced 1-3 years interview?

This interview for entry level??

1:56 he wanted to know about hoisting

@03:36 Why recursion? I think you can do it via deep copy. JSON.parse(JSON.stringify(data))

what is the package?

Can anyone explain exactly how second structure problem will solve?

its been 3 months into web dev i understood all of this question and know the answer!

Nice..

Was this a fresher or experienced interview

29:30 I think you missed the async keyword. If you are using .then() & .catch(), you don't need to use an async function.

function myFunction(){ var oa2=2; setTimeout(function(){ console.log(oa); console.log(oa2); },1000) var oa=1; } myFunction() it will not print undefined and 2 instead it will print 1 and 2

Thanks for sharing..

@1:33 just wanted to know if your answer was correct ? Or does JS hoisting take place here ?

My bro seleced everywhere but goes nowhere.

Whats you experience bro..!!?

how did you record this interview? any tool?

How much experienced?

Hey, what was your answer when he asked you if you have knowledge about DevOps?? Was not able to catch it properly in the video. TIA😊

Bro well can you also tell that what are the questions for the freshers ?

Package?

Was the answer to second ques correct?? I think it will print 1 and not undefined as we used var

bro was not there any Dsa round ? and aptitude round. i am a fresher that's i want to know more

Can you tell me what was package for this React interview. And You are Freshers or exp.. because questions is like freshers level.

I think this interview is for experience candidate right. How much experience is required for the interview ?

Paisa kitna (range) de rha h bhai?

4:45 you said componentDidmount for BOTH, component loads and also for component updation. Is that right answer?

did you get the job? i go for an interview in may little nervous. Also the first question I is still gonna be one because its initialized in the outer function, if it was initialized in the inner function x wouldn't know what it is

The question level was very basic.

Bro, could you please show me way to learn React ..I'm a beginner Mern developer... any ways about React,node js and MongoDB will help me a lot.

how did he land this interview? cause in mine there nothing like this asked also I am freshers is it for someone with experience

All questions were not answered clearly...how you are selected..half sorted answers.

I was also selected, but the offer letter has not come yet, I had a tech round,tech manager round ,after that they mailed me the documentation,i submited documentation but still waiting for offer letter , i gave interview on 9 Apr

I think the interviewer may be a Malayaali😁. That slang..🧐

is it for fresher job? or experienced one? how many years.

can you please make the separate list of questions and answers and provide the link

What is happening for me interview not get cleared but I am handling 3 project 2 as a shadow Dev.

Can u make an explanation video for the question that was asked at 03:00 min?

that person selected yes or not

How many years of experience you mantion in your resume for this interview..

Brother please add the filter code .on fetching .

Is this for freshers or experienced.

Why you use middlware ? We use it for asynchronus operation. Redux thunk usecase? redux thunk is a midleware, as i mentioned middleware is use for async operation. insted of returning a action ,it will return a function. this function is a pure function. How many years of experiance you have ? Please go through the basics of everything. it seems like you have prepared randomly with some video tutorial. not clear about anything. while you use async await you should not use .then and .catch. you should use try catch .once you mark a function async this function will return a promice so no need to use .then

Was it for a fresher or u had some prior experience?

Is this a fresher interview bro??

function x() { setTimeout(() => { console.log(i); }, 1000); var i = 1; } x(); // This will print => 1

Inverview for which level?

Ishiitttt visibbbbble

For how many years of experience was this role about?

How much years of experience ?

CTC?

OMG who uses a varibale with Capital letter!!!!!!!!! UseState? or useState? 9:00

Is this interview for experiance persons?..

How much percentage hike you got??

how many years of experience ?

Letter never confirm letter scene

How much experience did you have when you gave this interview ?

How many total rounds were there? Was it the first round.... and what were the other rounds, please also tell me your experience.. And congrats..

Was there any DSA

3 years ye hisab se bahot fattu que the 🤣🤣

How much package infosys offered?

Letter never coming later please plastic

.eificii

Good b*** 😍

Your voice is low

Lodu company ka lodu questions.