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.
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);
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 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.
@@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
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?
let persne={ name:"shivam", age:27 } let array =[] let output = Object.entries(persne).map((items,id)=>{ array.push(items) }) console.log("mdbvsjd",array)
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
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)
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)
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 person = { name : "Akshay", age : 22 } let arr = []; for(let x in person) { arr.push([x, person[x]]); } console.log(arr, Object.entries(person));
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.
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);
Awesome
for in loop will also include properties from object.prototype chain which may not be desirable
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.
Glad to hear 😊. Keep learning
@@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.
@@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
]
]
Worth Varma Worthuu.... mindblowing........
Thanks 🙏
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?
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
Welcome!
Excellent questions and coding challenge. Coding covers many concepts.
Thanks 🙏
Find more MNC Interview Experiences: th-cam.com/play/PLGZJDzu5NntRmgwjCg0OwFpt9yHh68Muc.html
Hello brother,
I loved your way of explanation, simply wow
Thankyou
Thank you so much for this. We want more such videos.
More to come!
You can check the MNC interview experience playlist on this channel
let persne={
name:"shivam",
age:27
}
let array =[]
let output = Object.entries(persne).map((items,id)=>{
array.push(items)
})
console.log("mdbvsjd",array)
Great work sir, appreciate
Awesome😊
const person={
name: "ram",
age: 50,
}
const array = [];
for(const key in person) {
array.push([key, person[key]]);}
array;
amazing🎉
const persons = {
name: "Ram",
age: "30"
};
let output = [];
for (let key in persons) {
output.push([key, persons[key]]);
}
console.log(output);
Good work bro......keep it up👍
🙏
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
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)
const person = {name:"Ram", age:"30"};
// OUTPUT
// [
// ['name', 'Ram'],
// ['age', '30']
// ]
let arr = [];
for(const key in person){
arr.push([key, person[key]])
}
Helpful
Glad you think so!
Quality content, good job!
Thanks 🙏
const getObjectEntries = (obj) => {
let arr = [];
for (let key in obj) {
arr.push([key, person[key]]);
}
return arr;
};
simple console.log(Object.entries(person))
amazing bro
Thanks 🙏
const output = Object.entries(person).map(([key, val])=> {
return [key, val]
})
simple console.log(Object.entries(person))
thanks a lot sir....
Welcome
Very helpfull 🔥🔥
Glad to hear!
thanks
Welcome
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)
One problem has many solutions. Hardly matters (for small things) , but if you know a better solution use it by all means.
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
Are questions really for Experienced interview. I am telling because These are really very basic and easy questions for experienced. isn't it right??
Yes these questions are for experienced.
In pratice level of the questions depends on multiple factors
Interviewer and the company
span as buttons?
thank you👍👍👍
Welcome 😊
interview for candidate with how much years of experience
how many years of experience is required to crack this types of interviews?
1+
const person = {
name : "Akshay",
age : 22
}
let arr = [];
for(let x in person) {
arr.push([x, person[x]]);
}
console.log(arr, Object.entries(person));
wrong , solution is simple console.log(Object.entries(person))
how much salary was offered to you after this interview??
I had a counter offer as well. So it won't be same for everyone.
All these ways to avoid using TypeScript 🤦♂️
Typescript is gaining a lots of popularity and is highly recommended. In this interview didn't consider it though.
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);
Great
const getObjectEntries = (obj) => Object.keys(obj).map((key) => [key, obj[key]]);
Good one