React Interview Questions | JavaScript Interview Questions | React Interview Experience

  Рет қаралды 81,229

itsCodingDoctor

itsCodingDoctor

Күн бұрын

Пікірлер: 74
@giannizamora7247
@giannizamora7247 10 ай бұрын
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
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl Жыл бұрын
@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.
@somnathtiwari5593
@somnathtiwari5593 Жыл бұрын
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
@itscodingdoctor Жыл бұрын
Glad to hear 😊. Keep learning
@berndeveloper
@berndeveloper Жыл бұрын
@@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
@jaia466 Жыл бұрын
​@@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
@vishwasgupta605
@vishwasgupta605 Жыл бұрын
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
@itscodingdoctor Жыл бұрын
Awesome
@imam.k8114
@imam.k8114 Жыл бұрын
for in loop will also include properties from object.prototype chain which may not be desirable
@ExpertiseEra-q4c
@ExpertiseEra-q4c Жыл бұрын
Question 3 const person={ name:"Ram", age:30 } const Newarr=[] for(let item in person){ Newarr.push([item,person[item]]) }
@MohitKumar-in3we
@MohitKumar-in3we Жыл бұрын
Worth Varma Worthuu.... mindblowing........
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Thanks 🙏
@PrasathGururmoorthy
@PrasathGururmoorthy Жыл бұрын
Excellent questions and coding challenge. Coding covers many concepts.
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Thanks 🙏
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Find more MNC Interview Experiences: kzbin.info/aero/PLGZJDzu5NntRmgwjCg0OwFpt9yHh68Muc
@arijitroy5695
@arijitroy5695 Жыл бұрын
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
@itscodingdoctor Жыл бұрын
Sure, that's a great idea. I'll try to upload it soon.
@savatabachhav7593
@savatabachhav7593 Жыл бұрын
Thank you so much for this. We want more such videos.
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
More to come! You can check the MNC interview experience playlist on this channel
@meenatchieel7730
@meenatchieel7730 8 ай бұрын
Its great..Really Thanks a lot for duch wonderfull real time problem solving
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Welcome!
@LUFI-Munki
@LUFI-Munki Жыл бұрын
Great work sir, appreciate
@AjayYadav-zp7yl
@AjayYadav-zp7yl Жыл бұрын
Good work bro......keep it up👍
@itscodingdoctor
@itscodingdoctor Жыл бұрын
🙏
@aveesp1
@aveesp1 Жыл бұрын
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 ] ]
@venkykp174
@venkykp174 5 ай бұрын
Hello brother, I loved your way of explanation, simply wow Thankyou
@procoderindia
@procoderindia Жыл бұрын
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);
@140_nihalborkar3
@140_nihalborkar3 Жыл бұрын
amazing🎉
@marimuthur9456
@marimuthur9456 Ай бұрын
Awesome😊
@do_u_dsa
@do_u_dsa Жыл бұрын
Quality content, good job!
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Thanks 🙏
@sarathnath4991
@sarathnath4991 11 ай бұрын
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
@hazemkhaled9416
@hazemkhaled9416 11 ай бұрын
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
@itscodingdoctor 7 ай бұрын
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)
@ashundale
@ashundale Жыл бұрын
const person={ name: "ram", age: 50, } const array = []; for(const key in person) { array.push([key, person[key]]);} array;
@ankitgiri6874
@ankitgiri6874 Жыл бұрын
amazing bro
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Thanks 🙏
@SumanSingh-f1q
@SumanSingh-f1q Жыл бұрын
Helpful
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Glad you think so!
@InDCoOk84
@InDCoOk84 Жыл бұрын
Very helpfull 🔥🔥
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Glad to hear!
@decryptbykd6714
@decryptbykd6714 Жыл бұрын
const persons = { name: "Ram", age: "30" }; let output = []; for (let key in persons) { output.push([key, persons[key]]); } console.log(output);
@shubhamdas6519
@shubhamdas6519 Жыл бұрын
thanks a lot sir....
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Welcome
@BhavinKalsariya-yc6gm
@BhavinKalsariya-yc6gm Жыл бұрын
const person = {name:"Ram", age:"30"}; // OUTPUT // [ // ['name', 'Ram'], // ['age', '30'] // ] let arr = []; for(const key in person){ arr.push([key, person[key]]) }
@ayushporwal5950
@ayushporwal5950 Жыл бұрын
span as buttons?
@rajesh.geesala7565
@rajesh.geesala7565 Жыл бұрын
thanks
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Welcome
@maheshappaji1273
@maheshappaji1273 Жыл бұрын
thank you👍👍👍
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Welcome 😊
@nitishgupta8393
@nitishgupta8393 Жыл бұрын
const output = Object.entries(person).map(([key, val])=> { return [key, val] })
@mynenianupama1211
@mynenianupama1211 Ай бұрын
simple console.log(Object.entries(person))
@Shivamtech30
@Shivamtech30 6 ай бұрын
let persne={ name:"shivam", age:27 } let array =[] let output = Object.entries(persne).map((items,id)=>{ array.push(items) }) console.log("mdbvsjd",array)
@dukesoni5477
@dukesoni5477 Жыл бұрын
interview for candidate with how much years of experience
@Tathāstu2k
@Tathāstu2k Жыл бұрын
const getObjectEntries = (obj) => { let arr = []; for (let key in obj) { arr.push([key, person[key]]); } return arr; };
@mynenianupama1211
@mynenianupama1211 Ай бұрын
simple console.log(Object.entries(person))
@shankar1050
@shankar1050 Жыл бұрын
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)
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
One problem has many solutions. Hardly matters (for small things) , but if you know a better solution use it by all means.
@arijitroy5695
@arijitroy5695 Жыл бұрын
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
@itscodingdoctor Жыл бұрын
Yes these questions are for experienced.
@itscodingdoctor
@itscodingdoctor Жыл бұрын
In pratice level of the questions depends on multiple factors
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Interviewer and the company
@ShreyanshMehta-ov8ze
@ShreyanshMehta-ov8ze Жыл бұрын
how many years of experience is required to crack this types of interviews?
@itscodingdoctor
@itscodingdoctor Жыл бұрын
1+
@mkfacts3250
@mkfacts3250 Жыл бұрын
how much salary was offered to you after this interview??
@itscodingdoctor
@itscodingdoctor Жыл бұрын
I had a counter offer as well. So it won't be same for everyone.
@Bankey_Bihari_Sarkar_Vrindavan
@Bankey_Bihari_Sarkar_Vrindavan Жыл бұрын
const person = { name : "Akshay", age : 22 } let arr = []; for(let x in person) { arr.push([x, person[x]]); } console.log(arr, Object.entries(person));
@mynenianupama1211
@mynenianupama1211 Ай бұрын
wrong , solution is simple console.log(Object.entries(person))
@wij8044
@wij8044 Жыл бұрын
All these ways to avoid using TypeScript 🤦‍♂️
@itscodingdoctor
@itscodingdoctor Жыл бұрын
Typescript is gaining a lots of popularity and is highly recommended. In this interview didn't consider it though.
@shubhambarore5548
@shubhambarore5548 10 ай бұрын
const getObjectEntries = (obj) => Object.keys(obj).map((key) => [key, obj[key]]);
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Good one
@sagarninave
@sagarninave Жыл бұрын
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);
@itscodingdoctor
@itscodingdoctor 7 ай бұрын
Great
🔴 React Interview Experience 🔥 (Live Coding 💻) | MUST WATCH
27:32
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 3,3 МЛН
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Node.js Interview Questions and Answers | Ace Your Node.js Interview! 🔝
12:31
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,2 МЛН
[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
1:12:35
Akshay Saini
Рет қаралды 385 М.
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН