React Interview Questions | JavaScript Interview Questions | React Interview Experience
HTML-код
- Опубликовано: 3 фев 2023
- 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!
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
Great work sir, appreciate
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
amazing🎉
Good work bro......keep it up👍
🙏
Excellent questions and coding challenge. Coding covers many concepts.
Thanks 🙏
Find more MNC Interview Experiences: ruclips.net/p/PLGZJDzu5NntRmgwjCg0OwFpt9yHh68Muc
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
]
]
Quality content, good job!
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.
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
Its great..Really Thanks a lot for duch wonderfull real time problem solving
Welcome!
Worth Varma Worthuu.... mindblowing........
Thanks 🙏
Question 3
const person={
name:"Ram",
age:30
}
const Newarr=[]
for(let item in person){
Newarr.push([item,person[item]])
}
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);
let persne={
name:"shivam",
age:27
}
let array =[]
let output = Object.entries(persne).map((items,id)=>{
array.push(items)
})
console.log("mdbvsjd",array)
Very helpfull 🔥🔥
Glad to hear!
amazing bro
Thanks 🙏
Helpful
Glad you think so!
thanks a lot sir....
Welcome
thank you👍👍👍
Welcome 😊
const persons = {
name: "Ram",
age: "30"
};
let output = [];
for (let key in persons) {
output.push([key, persons[key]]);
}
console.log(output);
const person={
name: "ram",
age: 50,
}
const array = [];
for(const key in person) {
array.push([key, person[key]]);}
array;
span as buttons?
const person = {name:"Ram", age:"30"};
// OUTPUT
// [
// ['name', 'Ram'],
// ['age', '30']
// ]
let arr = [];
for(const key in person){
arr.push([key, person[key]])
}
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;
};
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)
interview for candidate with how much years of experience
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.
const output = Object.entries(person).map(([key, val])=> {
return [key, val]
})
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
how many years of experience is required to crack this types of interviews?
1+
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.
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 🤦♂️
Typescript is gaining a lots of popularity and is highly recommended. In this interview didn't consider it though.
thanks
Welcome
const getObjectEntries = (obj) => Object.keys(obj).map((key) => [key, obj[key]]);
Good one
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