React Interview Questions | JavaScript Interview Questions | React Interview Experience #react

Follow On Twitter:- @itscodingdoctor

Please checkout below playlists:-

1. DAILY ONE REACT INTERVIEW QUESTION

2. DAILY ONE JAVASCRIPT INTERVIEW QUESTION

3. MNC INTERVIEW EXPERIENCES

4. TRICKY CSS QUESTIONS/DESIGNS

5. MERN PROJECTS FROM SCRATCH

6. REACT IMPORTANT/RANDOM TOPICS

I hope you enjoy my channel videos!

[giannizamora]

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-lppl]

@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.

[vishwasgupta]

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);

[ecikllu]

Question 3
const person={
name:"Ram",
age:30
}
const Newarr=[]
for(let item in person){
Newarr.push([item, person[item]])
}

[somnathtiwari]

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.

[aveesp]

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
]
]

[savatabachhav]

Thank you so much for this. We want more such videos.

[PrasathGururmoorthy]

Excellent questions and coding challenge. Coding covers many concepts.

[meenatchieel]

Its great..Really Thanks a lot for duch wonderfull real time problem solving

[sanddeep]

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);

[arijitroy]

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?

[ashundale]

const person={
name: "ram",
age: 50,
}
const array = [];
for(const key in person) {
array.push([key, person[key]]);}
array;

[Shivamtech]

let persne={
name:"shivam",
age:27
}

let array =[]

let output = Object.entries(persne).map((items, id)=>{
array.push(items)

})

console.log("mdbvsjd", array)

[BhavinKalsariya-ycgm]

const person = {name:"Ram", age:"30"};
// OUTPUT
// [
// ['name', 'Ram'],
// ['age', '30']
// ]

let arr = [];
for(const key in person){
arr.push([key, person[key]])
}

[decryptbykd]

const persons = {
name: "Ram",
age: "30"
};

let output = [];
for (let key in persons) {
output.push([key, persons[key]]);
}

console.log(output);

[ShubhamSharma-vkiq]

const getObjectEntries = (obj) => {
let arr = [];
for (let key in obj) {
arr.push([key, person[key]]);
}

return arr;
};

[sarathnath]

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

[hazemkhaled]

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

[nitishgupta]

const output = Object.entries(person).map(([key, val])=> {
return [key, val]
})

[dukesoni]

interview for candidate with how much years of experience