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

  • @giannizamora7247
    @giannizamora72473 ай бұрын

    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-lp9pl8 ай бұрын

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

  • @MohitKumar-in3we
    @MohitKumar-in3we6 ай бұрын

    Worth Varma Worthuu.... mindblowing........

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

    9 ай бұрын

    for in loop will also include properties from object.prototype chain which may not be desirable

  • @HarshitGupta-sm9cf
    @HarshitGupta-sm9cf9 ай бұрын

    Great work sir, appreciate

  • @savatabachhav7593
    @savatabachhav75934 ай бұрын

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

  • @140_nihalborkar3
    @140_nihalborkar310 ай бұрын

    amazing🎉

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

    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

    @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

  • @user-ec3ik2ll3u
    @user-ec3ik2ll3u8 ай бұрын

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

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

  • @PrasathGururmoorthy
    @PrasathGururmoorthy11 ай бұрын

    Excellent questions and coding challenge. Coding covers many concepts.

  • @itscodingdoctor

    @itscodingdoctor

    11 ай бұрын

    Thanks 🙏

  • @itscodingdoctor

    @itscodingdoctor

    11 ай бұрын

    Find more MNC Interview Experiences: kzread.info/head/PLGZJDzu5NntRmgwjCg0OwFpt9yHh68Muc

  • @do_u_dsa
    @do_u_dsa Жыл бұрын

    Quality content, good job!

  • @itscodingdoctor

    @itscodingdoctor

    Жыл бұрын

    Thanks 🙏

  • @shubhamdas6519
    @shubhamdas65197 ай бұрын

    thanks a lot sir....

  • @AjayYadav-zp7yl
    @AjayYadav-zp7yl Жыл бұрын

    Good work bro......keep it up👍

  • @itscodingdoctor

    @itscodingdoctor

    Жыл бұрын

    🙏

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

  • @sanddeep66666
    @sanddeep66666 Жыл бұрын

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

  • @meenatchieel7730
    @meenatchieel773029 күн бұрын

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

  • @itscodingdoctor

    @itscodingdoctor

    2 күн бұрын

    Welcome!

  • @ankitgiri6874
    @ankitgiri687411 ай бұрын

    amazing bro

  • @itscodingdoctor

    @itscodingdoctor

    11 ай бұрын

    Thanks 🙏

  • @InDCoOk84
    @InDCoOk84 Жыл бұрын

    Very helpfull 🔥🔥

  • @itscodingdoctor

    @itscodingdoctor

    Жыл бұрын

    Glad to hear!

  • @ashundale
    @ashundale8 ай бұрын

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

  • @user-dl4hx1oe3u
    @user-dl4hx1oe3u7 ай бұрын

    Helpful

  • @itscodingdoctor

    @itscodingdoctor

    7 ай бұрын

    Glad you think so!

  • @BhavinKalsariya-yc6gm
    @BhavinKalsariya-yc6gm8 ай бұрын

    const person = {name:"Ram", age:"30"}; // OUTPUT // [ // ['name', 'Ram'], // ['age', '30'] // ] let arr = []; for(const key in person){ arr.push([key, person[key]]) }

  • @maheshappaji1273
    @maheshappaji1273 Жыл бұрын

    thank you👍👍👍

  • @itscodingdoctor

    @itscodingdoctor

    Жыл бұрын

    Welcome 😊

  • @sarathnath4991
    @sarathnath49914 ай бұрын

    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

  • @ShubhamSharma-vk9iq
    @ShubhamSharma-vk9iq8 ай бұрын

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

  • @decryptbykd6714
    @decryptbykd671410 ай бұрын

    const persons = { name: "Ram", age: "30" }; let output = []; for (let key in persons) { output.push([key, persons[key]]); } console.log(output);

  • @ayushporwal5950
    @ayushporwal59509 ай бұрын

    span as buttons?

  • @shankar1050
    @shankar10506 ай бұрын

    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)

  • @nitishgupta8393
    @nitishgupta8393 Жыл бұрын

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

  • @dukesoni5477
    @dukesoni54778 ай бұрын

    interview for candidate with how much years of experience

  • @shubhambarore5548
    @shubhambarore55483 ай бұрын

    const getObjectEntries = (obj) => Object.keys(obj).map((key) => [key, obj[key]]);

  • @hazemkhaled9416
    @hazemkhaled94163 ай бұрын

    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

    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)

  • @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-ov8ze7 ай бұрын

    how many years of experience is required to crack this types of interviews?

  • @itscodingdoctor

    @itscodingdoctor

    7 ай бұрын

    1+

  • @mkfacts3250
    @mkfacts32507 ай бұрын

    how much salary was offered to you after this interview??

  • @itscodingdoctor

    @itscodingdoctor

    7 ай бұрын

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

  • @wij8044
    @wij80448 ай бұрын

    All these ways to avoid using TypeScript 🤦‍♂️

  • @itscodingdoctor

    @itscodingdoctor

    7 ай бұрын

    Typescript is gaining a lots of popularity and is highly recommended. In this interview didn't consider it though.

  • @rajesh.geesala7565
    @rajesh.geesala75656 ай бұрын

    thanks

  • @sagarninave
    @sagarninave7 ай бұрын

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

Келесі