React Interview Questions | JavaScript Interview Questions | React Interview Experience
Buy me a coffee - www.buymeacoffee.com/itsCodin...
Follow On Twitter:- @itscodingdoctor
Follow On Instagram:- / itscodingdoctor
Please checkout below playlists:-
1. DAILY ONE REACT INTERVIEW QUESTION
• Daily React Interview ...
2. DAILY ONE JAVASCRIPT INTERVIEW QUESTION
• Daily Javascript Inter...
3. MNC INTERVIEW EXPERIENCES
• MNC Interview Experiences
4. TRICKY CSS QUESTIONS/DESIGNS
• Tricky CSS
5. MERN PROJECTS FROM SCRATCH
• MERN Projects
6. REACT IMPORTANT/RANDOM TOPICS
• React Topics
DISCLAIMER:- In case of any concerns with the content on my channel, please wtire to itscodingdoctor@gmail.com
I hope you enjoy my channel videos!
Пікірлер: 61
The final challenge of grabbing data, displaying, pagination, ect is probably one of the closest challenges you'll have as a dev especially if you have several years of exp. I appreciate the consice approach of adding pagination functionality, there were different places while coding along where I had a different idea but ended up taking up more time to solve. Thank you
@its coding Doctor...we need more such projects in React. I checked your channel has just 2 projects in React please build few more. I like your teaching style.
Worth Varma Worthuu.... mindblowing........
It was helpful please keep doing ! my solution for que3 const person = { name: "ram", age: 30, }; const arr = []; for (let value in person) { arr.push([value, person[value]]); } console.log(arr);
@itscodingdoctor
Жыл бұрын
Awesome
@imam.k8114
9 ай бұрын
for in loop will also include properties from object.prototype chain which may not be desirable
Great work sir, appreciate
Thank you so much for this. We want more such videos.
amazing🎉
Thank You so much for this, I have tried learning Pagination from other youtubers too but was never able to keep the logic to write the code behind it in my mind but and you took one step at a time with explaining every step was remarkable. I dont think I will ever forget how this works now.
@itscodingdoctor
Жыл бұрын
Glad to hear 😊. Keep learning
@berndeveloper
7 ай бұрын
@@itscodingdoctor It's important to know that this is not the best approach to deal with pagination, it needs to be handled on the server side, not in front. This approach can be used when the total number of items is relatively small and can be easily handled by the client.
@jaia466
7 ай бұрын
@@berndeveloperim with this too. Imagine having to paginate a data set of thousands of data on client. This should be handled on the server. What i do is just i only pass limit and offsets from the client to my backend to grab all necessary data per page
Question 3 const person={ name:"Ram", age:30 } const Newarr=[] for(let item in person){ Newarr.push([item,person[item]]) }
var person = { firstname: "john", lastname: 'doe', age: 30 }; const getDetails = (obj) => { let arr = []; for(let i in obj){ arr.push([i, obj[i]]); } return arr; } getDetails(person); //output as follow [ [ "firstname", "john" ], [ "lastname", "doe" ], [ "age", 30 ] ]
Excellent questions and coding challenge. Coding covers many concepts.
@itscodingdoctor
11 ай бұрын
Thanks 🙏
@itscodingdoctor
11 ай бұрын
Find more MNC Interview Experiences: kzread.info/head/PLGZJDzu5NntRmgwjCg0OwFpt9yHh68Muc
Quality content, good job!
@itscodingdoctor
Жыл бұрын
Thanks 🙏
thanks a lot sir....
Good work bro......keep it up👍
@itscodingdoctor
Жыл бұрын
🙏
Ok. I have an little improvment idea which is some times I have seen, something in pagination like this 1 | 2 | 3 | 4 | .......| 9 | 10 | 11 | 12 . when pagination number rapidly grows and you don't have option to select number of pages. So, could you please demonstrate how to do that?
@itscodingdoctor
Жыл бұрын
Sure, that's a great idea. I'll try to upload it soon.
3rd ways to solve this. const person = { name: "ram", age: 30, }; const output = []; for (let key in person) { output.push([key, person[key]]); } console.log(output);
Its great..Really Thanks a lot for duch wonderfull real time problem solving
@itscodingdoctor
2 күн бұрын
Welcome!
amazing bro
@itscodingdoctor
11 ай бұрын
Thanks 🙏
Very helpfull 🔥🔥
@itscodingdoctor
Жыл бұрын
Glad to hear!
const person={ name: "ram", age: 50, } const array = []; for(const key in person) { array.push([key, person[key]]);} array;
Helpful
@itscodingdoctor
7 ай бұрын
Glad you think so!
const person = {name:"Ram", age:"30"}; // OUTPUT // [ // ['name', 'Ram'], // ['age', '30'] // ] let arr = []; for(const key in person){ arr.push([key, person[key]]) }
thank you👍👍👍
@itscodingdoctor
Жыл бұрын
Welcome 😊
12:00 how that we can achieve by JavaScript. Bcz sometimes anchor tag to append through loop rendered as string in html page. One more q, if its cause csr then why Amazon using this approach and what are the solutions to prevent this? Pls reply
const getObjectEntries = (obj) => { let arr = []; for (let key in obj) { arr.push([key, person[key]]); } return arr; };
const persons = { name: "Ram", age: "30" }; let output = []; for (let key in persons) { output.push([key, persons[key]]); } console.log(output);
span as buttons?
the method you used to fill the array with page numbers is not good. simply you can map an index with index+1. but you wrote complex code(for beginners it is complex)
const output = Object.entries(person).map(([key, val])=> { return [key, val] })
interview for candidate with how much years of experience
const getObjectEntries = (obj) => Object.keys(obj).map((key) => [key, obj[key]]);
The video is greate I actually learned some valuable things here but wanted to point out that I think there will be a bug in the code if the last page has different no of elements than other pages For Example: if there where 197 items last page will contain only 7 items not 10 the bug bec indexOfLastTodo= currentPage * todosPerPage will be equal to 199 but which is wrong since the last element index will be 196 when you try to slice the todos using the indexOfLastTodo in the last page it will cause an error as there is no item of index 199
@itscodingdoctor
2 күн бұрын
I haven't tested it. I tried to create a happy flow. There might be more bugs/improvement space in my code (i kept it really simple to achieve the basic functionality)
Are questions really for Experienced interview. I am telling because These are really very basic and easy questions for experienced. isn't it right??
@itscodingdoctor
Жыл бұрын
Yes these questions are for experienced.
@itscodingdoctor
Жыл бұрын
In pratice level of the questions depends on multiple factors
@itscodingdoctor
Жыл бұрын
Interviewer and the company
how many years of experience is required to crack this types of interviews?
@itscodingdoctor
7 ай бұрын
1+
how much salary was offered to you after this interview??
@itscodingdoctor
7 ай бұрын
I had a counter offer as well. So it won't be same for everyone.
const person = { name : "Akshay", age : 22 } let arr = []; for(let x in person) { arr.push([x, person[x]]); } console.log(arr, Object.entries(person));
All these ways to avoid using TypeScript 🤦♂️
@itscodingdoctor
7 ай бұрын
Typescript is gaining a lots of popularity and is highly recommended. In this interview didn't consider it though.
thanks
const user = { firstName:"sagar", lastName:"ninave", age:27 } const result = Object.keys(user).reduce((acc, curr) => { const value = [curr, user[curr]] return [...acc, value] }, []) console.log( result);