ReactJs Interview | 🎉 Selected | ReactJs & JavaScript | Experienced

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • #reactJs #interview
    JS Questions asked in this interview are:
    1). What is hoisting in JS?
    2). How it works?
    3). Does hoisting work with all the variables, and Why?
    4). Diff. b/w "let" and "var"?
    5). What is Event Loop?
    6). What is the precedence in Event Loop? ( between Promise() and setTimeout() )
    7). What is the Diff. b/ "setTimeout()" & "setInterval()"?
    8). What are the ES6 features you have used?
    9). Where do you mostly use Rest Operator?
    Send your Interview Video at dev.roshann@gmail.com
    Join Telegram group - t.me/Reactjs_I...
    Instagram - / dev.roshan_
    Buy me a Coffee - www.buymeacoff...
    Frontend Interview
    ReactJs Interview
    React/Redux Coding Interview

ความคิดเห็น • 503

  • @DevAditya
    @DevAditya  2 ปีที่แล้ว +86

    Join Telegram group - t.me/Reactjs_Interview
    instagram.com/dev.roshan_
    Please don't judge and comments on my answers.
    This is just the interview experience and If you know the right answers please comment below which can also help others.

    • @jiteshjoshi8170
      @jiteshjoshi8170 2 ปีที่แล้ว +1

      Of how many years experience you have ? When you was interviewed ??

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      @@jiteshjoshi8170 2+

    • @haialex123
      @haialex123 2 ปีที่แล้ว +4

      Well done bro.. but I would suggest you not to disclose interview recordings online.

    • @jiteshjoshi8170
      @jiteshjoshi8170 2 ปีที่แล้ว +1

      @@haialex123 why ??

    • @haialex123
      @haialex123 2 ปีที่แล้ว

      @@jiteshjoshi8170 we are not supposed to record the interview without consent.

  • @vishwanath-ts
    @vishwanath-ts ปีที่แล้ว +229

    Timestamps:
    0:56 What is Hoisting in JS?
    1:16 How it works?
    1:44 What is difference between let and var?
    2:17 What is Event Loop?
    2:47 What is precedence in Event Loop?
    3:29 What is difference between setTimeout and setInterval?
    4:27 Where do you use Rest Operator?
    5:36 Have you heard of array.reverse?
    6:03 What is meant by Shallow copy and Deep copy?
    7:11 What are Closure?
    8:08 Have you used reduce function in JS?
    8:19 What is the difference between map and reduce?
    9:24 What are the parameters map function accepts?
    9:49 What is difference between a Promise and a Callback?
    10:23 What position attributes in CSS have you used?
    10:35 What is the difference between them?
    12:32 What is Flexbox?
    13:13 What is difference between display=none and visibility=hidden?
    13:48 What are the Hooks you have used?
    14:34 What is the purpose of useCallback?
    14:48 What are Class based Lifecycle methods?
    16:37 How would you be able to achieve componentDidMount, componentDidUpdate & componentDidUnMount in functional based component?
    17:58 What are Pure Components and its purpose?
    19:27 What are Higher Order components?
    20:07 What HOCs have you used?
    20:29 Have you used Context API?
    20:46 Already have state management in React, so why go for Redux?
    21:06 How Redux works?
    22:27 Have you used any Middlewares?
    22:42 What is the purpose of using middlewares?

    • @Unknown15605
      @Unknown15605 ปีที่แล้ว +2

      Thanks for summaries!

    • @digambarholgunde8835
      @digambarholgunde8835 7 หลายเดือนก่อน +1

      Thanks

    • @WG26Gaming
      @WG26Gaming 2 หลายเดือนก่อน +1

      thanks for the summary brother

    • @vishwanath-ts
      @vishwanath-ts 2 หลายเดือนก่อน

      @@WG26Gaming My pleasure

  • @CrazyAshu34
    @CrazyAshu34 ปีที่แล้ว +36

    1. What is hoisting in US?
    2. How does it work?
    3. What is the difference between let and var?
    4. What is the Event Loop?
    5. What is precedence in the Event Loop?
    6. What is the difference between setTimeout and setInterval?
    7. Where do you use the Rest Operator?
    8. Have you heard of array.reverse?
    9. What is meant by Shallow copy and Deep copy?
    10. What are Closures?
    11. Have you used the reduce function in JS?
    12. What is the difference between map and reduce?
    13. What parameters does the map function accept?
    14. What is the difference between a Promise and a Callback?
    15. What position attributes in CSS have you used?
    16. What is the difference between them?
    17. What is Flexbox?
    18. What is the difference between display=none and visibility=hidden?
    19. What Hooks have you used?
    20. What is the purpose of useCallback?
    21. What are Class-based Lifecycle methods?
    22. How can you achieve componentDidMount, componentDidUpdate & componentDidUnMount in a functional-based component?
    23. What are Pure Components and their purpose?
    24. What are Higher Order components?
    25. What HOCs have you used?
    26. Have you used the Context API?
    27. You already have state management in React, so why go for Redux?
    28. How does Redux work?
    29. Have you used any Middlewares?
    30. What is the purpose of using middlewares?
    -Go Get the job-
    😅😅😅😅😅😅😅

    • @Yahoo_marathi
      @Yahoo_marathi หลายเดือนก่อน

      Hoisting hv same meaning in India as well as India

  • @KrishnaDasPC
    @KrishnaDasPC 2 ปีที่แล้ว +97

    Understanding fundamental concepts are important than remembering syntax. Also How to google well is an underrated skill.

  • @sankhojjalchatterjee
    @sankhojjalchatterjee 2 ปีที่แล้ว +371

    Hosting works for all var, let and const. It's just variables defined by let and const are in temporal deadzone which cann't be accessible hence we get error. Else all three(var,let,const) are hoisted.

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +7

      Thanks for explaining

    • @sonuprajapat7789
      @sonuprajapat7789 2 ปีที่แล้ว +49

      Akshay Saini

    • @amitmahato6404
      @amitmahato6404 2 ปีที่แล้ว +4

      why var doesn't go to the temporal dead zone

    • @1Ve4gaming
      @1Ve4gaming 2 ปีที่แล้ว +1

      You great give me some experience sir

    • @nirajpatil9040
      @nirajpatil9040 2 ปีที่แล้ว +4

      No it's only works for var

  • @webdev1719
    @webdev1719 2 ปีที่แล้ว +19

    Thank you. I paused every question and tried to answer it myself. The once i couldn't answer learned it before resuming to the answer. I felt like i had gone through an interview myself.

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +5

      Appreciated 👍👏 Instead of judging you learnt from it. ❤️

  • @ozzyfromspace
    @ozzyfromspace 2 ปีที่แล้ว +143

    For the deep copy question, the main idea is that if an object (say an array) contains another object (say, ...well, um, an Object), doing a copy such as Array.from, or rest restructuring, or whatever, will only create a new object in the sense that all primitive contained values will be new. However, all child objects will continue to be referenced from the original object, so modifying such a child object affects the original object. This is a really tricky bug if you're not aware of this behavior. Deep copying refers to any of a series of methods that ensure that a copy of an object does not contain any child elements that reference other objects outside the newly created parent object. The simplest way I know to do a deep copy is JSON.parse(JSON.stringify(YOUR_OBJECT)). The idea here is, however Nast your object is, you just turn it into a simple string. Strings are quantified by value, they don't know where they came from, so it breaks any reference to the original object. So JSON.stringify turns your deeply nested object into a string, and JSON.parse turns that string back into an object, but a completely new one this time. Another way you could go about this is to build a custom recursive function that can crawl the entire data-structure and do your deep copy that way. An example is non-trivial, so I won't try. The JSON method is relatively slow, but in practice, if you're working with small, deeply nested objects, you'll be okay. Better yet if you perform deep-copies infrequently. In practice, you can often get away with a shallow copy (i.e., something along the lines of {...my_object} or [...my_array]) but it's good to be aware of this behavior. Also, because this is a react interview, I'll also mention that in react, we work with state, and state is typically destroyed at the end of every render, and a new state is created at the beginning of the next render cycle. Further, react is actually quite opinionated mutating states (i.e. you don't!), so it's unlikely that you'll generate a bug like this in the course of working on your project. Hopefully, this helped someone see why this is actually a very interesting question. btw, I recommend opening your console for a few minutes right now. Make a simple nested object and play around with restructured copy (es6 style). You'll see that shallow copies are a thing :)
    edit: I took my own advice and played with shallow copy in the console. This got me interested in a recursive solution, so I wrote a generalized algorithm for doinga deep copy of an generic object:
    _____________
    function deepCopy(obj) {
    const isArray = (arr) => Array.isArray(arr);
    const isObject = (obj) => typeof obj === "object" && obj !== null;
    if (isArray(obj)) {
    const finArray = [];
    for(let element of obj) {
    if (isArray(element) || isObject(element)) {
    finArray.push(deepCopy(element));
    } else finArray.push(element);
    };
    return finArray;
    } else if (isObject(obj)) {
    const keys = Object.keys(obj);
    const finObject = {};
    for(let key of keys) {
    const element = obj[key];
    if (isArray(element) || isObject(element)) {
    finObject[key] = deepCopy(element);
    } else finObject[key] = element;
    };
    return finObject;
    };
    return obj;
    };
    ________

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +2

      Thanks for explaining in details

    • @apnagamer61
      @apnagamer61 2 ปีที่แล้ว +4

      Aisa mat likho varna TH-cam wale limit lga denge comment par
      Practical ki yaad dilati hai video😂😂

    • @ravirachchh4062
      @ravirachchh4062 2 ปีที่แล้ว +1

      Json stringyfy method doesn't work when we have datetime in object. We have to use 3rd party library or custom functions

    • @PrinjuVaidyan
      @PrinjuVaidyan 2 ปีที่แล้ว

      Wtf

    • @dastaan3468
      @dastaan3468 ปีที่แล้ว

      Loop over the object, check if nested value is a reference value, spread the value in your new object.
      You're basically flattening an object and array.

  • @phoneix24886
    @phoneix24886 2 ปีที่แล้ว +15

    Microtasks in c++ libuv library of V8 have higher precedence over macrotasks. So at each loop run, event loop first checks the micro task queue and then the macrotask queue. Promise.then spawns microtask, setTmeout spawns macro.

  • @gamezone43
    @gamezone43 2 ปีที่แล้ว +12

    Es6 have
    Let and const
    Arrow function
    Spread and rest operator
    Destructing
    Map, reduce and filter
    Promises

  • @zahidshaikh3122
    @zahidshaikh3122 ปีที่แล้ว +4

    Bro the way you spoke with confidence, grew a lot of confidence in me too... Thanks!

    • @DevAditya
      @DevAditya  ปีที่แล้ว +1

      Thank you 😊

  • @devraj-mb5ml
    @devraj-mb5ml 2 ปีที่แล้ว +9

    most of them are getting depressed after watching this video
    because every viewer want this much knowledge

  • @shilashm5691
    @shilashm5691 2 ปีที่แล้ว +9

    There are two types of queues micro task queue and macro task queue .so micro task queue holds promises and macro task queue holds setTiemout, setInterval.so the event loop give the precedence for micro task queues

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +2

      Thanks for explaining

  • @usamasaleem5624
    @usamasaleem5624 2 ปีที่แล้ว +18

    The interview is so clean and to the point and not hard but when i go to any company to give interview they ask me too much difficult question that's hard to aanswer without google. Everything is possible just need to search on Google and stack overflow

    • @gullukumar4497
      @gullukumar4497 2 ปีที่แล้ว

      Interviews like this aren't for Google searching. Interviews are like this are to check if you know things or not. This interview was nothing more than a generic themed interview one sees in daily development.

  • @gyanendrak874
    @gyanendrak874 2 ปีที่แล้ว +33

    Except shallow copy and deep copy i knew every answer.😁. Thanks for the video ☺️. It was really helpful

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      Glad it helps 🙂 Keep supporting 😊

    • @bryxxdore4150
      @bryxxdore4150 2 ปีที่แล้ว +9

      You wont be able to answer under pressure

    • @umairahmedofficial1
      @umairahmedofficial1 2 ปีที่แล้ว +3

      Yes, same...
      Plz suggest me ı'm not getting job in react js how to prepare for interviews

    • @alloverworld6528
      @alloverworld6528 3 หลายเดือนก่อน

      Abb lagi job ki nahi?​@@umairahmedofficial1

  • @tushargamingtech6375
    @tushargamingtech6375 ปีที่แล้ว +4

    Mostly media query se website responsive hotaa hai. Flexbox mein aap sirf navigation part ko adjustment kartey ho. It is basically use for adding smoothness & it is easy to use tool for handling texts, images with the respective to it's contents. Media queries ke binaa website responsive nhi ho saktaa hai. It's difficult to create an responsive website without media queries.

  • @EngineBoy
    @EngineBoy ปีที่แล้ว +8

    hoisting works for let, const and var but while using let and const it creates a temporal dead zone where we cannot access these variable and in that scenerio you will get reference error and javascript is sitll aware of that variable but only make restrictions of using it at TDZ

  • @mrreddy1610
    @mrreddy1610 ปีที่แล้ว +2

    What is Hoisting in JS?
    How it works?
    What is difference between let and var?
    What is Event Loop?
    What is precedence in Event Loop?
    What is difference between setTimeout and setInterval?
    Where do you use Rest Operator?
    Have you heard of array.reverse?
    What is meant by Shallow copy and Deep copy?
    What are Closure?
    Have you used reduce function in JS?
    What is the difference between map and reduce?
    What are the parameters map function accepts?
    What is difference between a Promise and a Callback?
    What position attributes in CSS have you used?
    What is the difference between them?
    What is Flexbox?
    What is difference between display=none and visibility=hidden?
    What are the Hooks you have used?
    What is the purpose of useCallback?
    What are Class based Lifecycle methods?
    How would you be able to achieve componentDidMount, componentDidUpdate & componentDidUnMount in functional based component?
    What are Pure Components and its purpose?
    What are Higher Order components?
    What HOCs have you used?
    Have you used Context API?
    Already have state management in React, so why go for Redux?
    How Redux works?
    Have you used any Middlewares?
    What is the purpose of using middlewares?

  • @421prateek
    @421prateek 2 ปีที่แล้ว +21

    Great interview, you answered almost all questions correctly

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      Thank you 😊

    • @sourabhkejriwal5762
      @sourabhkejriwal5762 2 ปีที่แล้ว +5

      I would say most answers are partially correct...you could only crack junior interview with this.

    • @gullukumar4497
      @gullukumar4497 2 ปีที่แล้ว

      @@sourabhkejriwal5762 Haan Bhai sahi kaha. Questions perf, Accessibility and general system design pucha nehi. And most question rattu tota wale the.

  • @mrlloyd149
    @mrlloyd149 3 หลายเดือนก่อน +1

    Indians saving our careers again🎉🎉🎉. Many thanks!

    • @DevAditya
      @DevAditya  3 หลายเดือนก่อน +1

      Glad you liked it 🙃

  • @SagarKumar-db2xy
    @SagarKumar-db2xy 2 ปีที่แล้ว +9

    Let and const are also hoisted. You can check MDN documentation for the same. :)

    • @AbhishekKumar-vl3cb
      @AbhishekKumar-vl3cb 2 ปีที่แล้ว +4

      When a variable is declared with "let" keyword, JS Engine hoist it and till it is not initialized the some value, the gap time between them is called Temporal Dead Zone.

    • @GauravTubeOfficial
      @GauravTubeOfficial 2 ปีที่แล้ว +5

      @@AbhishekKumar-vl3cb namaste javascript 💯🌟

    • @kshitijvengurlekar1192
      @kshitijvengurlekar1192 2 ปีที่แล้ว +2

      But they are in temporal dead zone and not accessible till the control comes on that line!

    • @SagarKumar-db2xy
      @SagarKumar-db2xy 2 ปีที่แล้ว

      @@kshitijvengurlekar1192 Yes they are in temporal dead zones but saying they are not hoisted could be wrong. They are hoisted but just not the way VAR is.

    • @kshitijvengurlekar1192
      @kshitijvengurlekar1192 2 ปีที่แล้ว +1

      @@SagarKumar-db2xy Agreed

  • @rockyrocz1
    @rockyrocz1 2 ปีที่แล้ว +13

    Reduce function has 2 parameters ( accumulator or total and current value)
    Var reducedArr = Arr.reduce(acc , curr) {
    Return acc += curr
    }
    Display none .... Removes the element from Dom
    Visibility hidden..... Hides from UI but it there's in the Dom
    React
    1st render function will get call then constructor then getderivedstatefromprops the life-cycle of react

    • @tapasdutta3595
      @tapasdutta3595 2 ปีที่แล้ว +1

      4 parameters

    • @sky73kothawade98
      @sky73kothawade98 2 ปีที่แล้ว

      @@tapasdutta3595 .

    • @barbarian5962
      @barbarian5962 2 ปีที่แล้ว +1

      @@sky73kothawade98 it has four parameters accumulator,currentvalue,index,array

    • @ashvinidhoran5023
      @ashvinidhoran5023 2 ปีที่แล้ว +5

      First constructor then getdrivestate fromprops then render then componentsdidmount

  • @Alis404a
    @Alis404a 2 ปีที่แล้ว +7

    Thanks for sharing your experience

  • @shilashm5691
    @shilashm5691 2 ปีที่แล้ว +4

    Function is fully hoisted and variables are partially hoisted in hoisted phase

  • @Narayanasuri08
    @Narayanasuri08 2 ปีที่แล้ว +63

    useCallback and useMemo are both used for memoization. useCallback returns a function, useMemo returns a value.
    Great interview btw 👍🏼

    • @gullukumar4497
      @gullukumar4497 2 ปีที่แล้ว +1

      @Himanshu Patel arey bhai reactjs ki docs dekh le

  • @kshitizshah6685
    @kshitizshah6685 2 ปีที่แล้ว +14

    I think memorize in react is responsible for cache storing and improving performance

    • @Gobbarbahkt
      @Gobbarbahkt 9 หลายเดือนก่อน

      Please correct me if I am wrong memorize in react it is use to avoid re render component. We can use by useMemo(functional component name).. it change if state or props have changed

  • @sunilkumar-zf4dx
    @sunilkumar-zf4dx 2 ปีที่แล้ว +1

    getDerivedStateFromProps() method is used when the state of a component depends on changes of props.

  • @kondasomu
    @kondasomu ปีที่แล้ว +3

    bro, hoisting will happen for all the variables not only for 'var' keyword. for let and const values will store in separate memory location and will be in temporal dead zone.

    • @Roronoa1062
      @Roronoa1062 ปีที่แล้ว +1

      But that will give an Reference Error, which isiend of the day the same thing.

  • @pratikjagtap7413
    @pratikjagtap7413 2 ปีที่แล้ว +10

    Let and const also hoisted but they are available in script memory

  • @rabindranathsarkar4502
    @rabindranathsarkar4502 2 ปีที่แล้ว +4

    If you check javascript spec documents provided by ecma you will not find the word hoisting. It is coined by developer community. We all had wrong idea that javascript does not compile.

  • @rahulkumargautam3358
    @rahulkumargautam3358 9 หลายเดือนก่อน +2

    at 20:46, i think interviewer wanted to hear about prop drilling, and data sharing problem (parent to child) in react. That is the main reason for using state management libraries like redux.

    • @Gobbarbahkt
      @Gobbarbahkt 9 หลายเดือนก่อน

      Yes, to avoid props drilling we uses Redux 😂😂.. i think after 20min he forget all the features

  • @mahboobbiswas4971
    @mahboobbiswas4971 2 ปีที่แล้ว +7

    Amazing experience thanks for this video.

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      Glad it was helpful!

  • @iuashrafi
    @iuashrafi ปีที่แล้ว +1

    thank you ! for uploading

  • @sentindr1404
    @sentindr1404 2 ปีที่แล้ว +10

    The interviewer himself sounds like a candidate! 😂 Candidate sounds like the Boss! Maybe the interviewer is a confused jio/airtel customer taking to customerCare staff 😂

    • @arunsoni5471
      @arunsoni5471 2 ปีที่แล้ว +1

      Sahi 👌👌👌

    • @sentindr1404
      @sentindr1404 2 ปีที่แล้ว

      @@DevAditya where can i follow you?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      @@sentindr1404
      telegram t.me/React_JS_India
      Instagram instagram.com/dev.roshan_

    • @chulbulpandey7188
      @chulbulpandey7188 4 หลายเดือนก่อน

      I think this video is recorded by the candidate 😂😂😂

  • @govindpolisetty7812
    @govindpolisetty7812 2 ปีที่แล้ว +5

    I work in non tech job profile...I am not into technical jobs ...still i enjoyed listening to this interview because this person confidently answered all the questions ....

  • @nirajmehta4226
    @nirajmehta4226 2 ปีที่แล้ว +7

    Hoisting happens in let and const as well. But there scope is not global so we gets error while accessing

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +2

      Thanks for explaining

  • @niklausmikaelson7332
    @niklausmikaelson7332 2 ปีที่แล้ว +11

    Amazing interview it wil help in feature

  • @BK-19
    @BK-19 2 ปีที่แล้ว +1

    Deep copy & Shallow copy - Call by Value & Call by reference..

    • @Ranitdey
      @Ranitdey 2 ปีที่แล้ว +1

      Now its clear

  • @sameershaik1298
    @sameershaik1298 2 ปีที่แล้ว +21

    This is very helpful. If you can also update candidate work experience and CTC company is offering it's would be great.

  • @techsauce2706
    @techsauce2706 10 หลายเดือนก่อน +1

    at 2:31 , wrong ... javascript uses the call stack but not the FIFO rather LIFO principle. Don't know how he got selected??? Also js uses one call stack and one memory heap and executes one operation at a time ( single - threaded).

  • @heeru379
    @heeru379 2 หลายเดือนก่อน +2

    2:28 Nope it's "Last in First Out" Method.

  • @Eshh173
    @Eshh173 ปีที่แล้ว +2

    Hoisting not only for var I think it supports for let const also

  • @esportsnexus
    @esportsnexus ปีที่แล้ว +5

    Interviewer: Which version of React you're using ?
    This Guy: I'm using Latest version 😆😆😆😆😆😆😆😆😆😆😆😆😆😆😂😂😂😂😂😂

  • @anuragnigam55
    @anuragnigam55 2 ปีที่แล้ว +2

    Asking question like that you can just memorize the question and answer for interview.🤔🤔

  • @sushmitakardam4860
    @sushmitakardam4860 3 หลายเดือนก่อน +3

    How is this candidate selected 😮

  • @sayansahoo4746
    @sayansahoo4746 2 ปีที่แล้ว +7

    I have applied for EY multiple times, but my resume never got shortlisted. Received rejection mail. I have 3 years of react js experience. I applied 5-6 months back. Was it because i was working in startups back then and EY hires only those who has worked in reputed organisations? Because I don't believe my resume lacked anything. Any idea?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +5

      It may be rejected automatically by thier portal software, there must be lacking something on your resume. Try with a different format once.

    • @mrigankabora4835
      @mrigankabora4835 2 ปีที่แล้ว

      Try contacting directly HR

    • @karna5171
      @karna5171 2 ปีที่แล้ว

      Hire a resume builder, it is only because of your resume, the algorithm works for key terms

    • @gullukumar4497
      @gullukumar4497 2 ปีที่แล้ว

      Try to get referral , referral works better and it naturally does not need to go through portal software

    • @shreyash8273
      @shreyash8273 2 ปีที่แล้ว

      Is EY that good?

  • @arihantjain8347
    @arihantjain8347 2 ปีที่แล้ว +4

    Very clean 🙌

  • @sandeepkarumanchi8203
    @sandeepkarumanchi8203 2 ปีที่แล้ว +10

    Is this interview is for fresher or sr developer?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +4

      experience

    • @poojasonawane3309
      @poojasonawane3309 2 ปีที่แล้ว +1

      @@DevAditya how much experience do you have?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +3

      @@poojasonawane3309 2+

  • @chizidotdev
    @chizidotdev 2 ปีที่แล้ว +1

    Wonder why so many React interviews are so focused on class components… This is 2022, it’s been over 3years already since hooks and functional components became a thing… I see this a lot and I really don’t get

    • @sunayraj
      @sunayraj 2 ปีที่แล้ว

      I agree 💯

  • @hiteshparashar
    @hiteshparashar 2 ปีที่แล้ว +9

    0:20
    Interviewer: Which version of React are you using
    Interviewee: I am using the latest one
    **silence
    Interviewer: Ok
    proceeds to asking next question

  • @ranjeetuikey87
    @ranjeetuikey87 11 หลายเดือนก่อน

    Hoisting : makes some type of variables accessible in the code before they are actually declared .
    " automatically lifted to the top of their scope " i don't think this is correct , before Executuon code is scanned for variable declaration and for each variable a new property is created in a variable environment obj.
    (Let and const not hosted in practice - their initial value is uninitialized, tdz )

  • @gamezone43
    @gamezone43 2 ปีที่แล้ว +2

    Var has local and global but let have local, global and block scope

  • @Sleepymess777
    @Sleepymess777 ปีที่แล้ว +2

    It was a good interview...ig i should start learning react becuz i felt like i can answer html css js questions 😅

  • @maniac1441
    @maniac1441 2 ปีที่แล้ว +1

    Good and very informmative. keep it up!😍

  • @mrnabby4178
    @mrnabby4178 ปีที่แล้ว

    Flexbox is used for responsive design? I thought flexbox is used to align things either horizontally or vertically. We use media queries for responsive design.

  • @Ash_20167
    @Ash_20167 2 ปีที่แล้ว +1

    Thanks for sharing very helpful..! 🙌

  • @megalodon4272
    @megalodon4272 2 ปีที่แล้ว +3

    Can i please know what position this was for and for how much ctc? Because im trying to asses the level of interview here and it seemed pretty mediocre. Ps- myself a SE with 1.25 years of experience

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      2+

    • @parth1450
      @parth1450 2 ปีที่แล้ว

      2 crore?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      @@parth1450 yes

    • @parth1450
      @parth1450 2 ปีที่แล้ว +4

      @@DevAditya thik hai nai batana hai tho ...but aisa shock wala mazak bhi mat karo 😂

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +2

      @@parth1450 that reply was for Experience 😂

  • @AmitKumar-ow2tu
    @AmitKumar-ow2tu 2 ปีที่แล้ว +1

    By default it's static. so the subchild will allign with child.

  • @AtulSingh-od1sx
    @AtulSingh-od1sx 2 ปีที่แล้ว +5

    Itne easy questions puchhte h yr 🤔
    Is this fresher interview?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +4

      Depends on the interviewer

  • @mudassirhashmi1703
    @mudassirhashmi1703 ปีที่แล้ว

    We use Rest operator in the function declaration is the right answer....

  • @bharatmishra250
    @bharatmishra250 2 ปีที่แล้ว +22

    actually i prefer face to face interview as we connect with interviewer directly and can explain things very easily

    • @gentleman_in_peace
      @gentleman_in_peace 2 ปีที่แล้ว +12

      Face to face interviews gonna gradually reduce in future. Companies and candidates have already adapted to virtual meetings. Its zero cost and easy to schedule and manage. So u better adapt as well for ur own sake

    • @bharatmishra250
      @bharatmishra250 2 ปีที่แล้ว +3

      @@gentleman_in_peace yeah but there will be a chance of cheating as well as sometimes both candidate and interviewer not able to elaborate what is the actual question..here interviewer may think that the candidate is not serious/ or not listening him properly and blaw blaw....
      In case of candidates there may be a network problem due to which he/she can be rejected

    • @gentleman_in_peace
      @gentleman_in_peace 2 ปีที่แล้ว +2

      @@bharatmishra250 in ur either case candidate is at loosing end, not the company.

  • @thiruvetti
    @thiruvetti ปีที่แล้ว

    The answer for middleware is not correct. If u need middleware to just intercept request, then even front end interceptors can do that.
    The main reason for Middleware is security and server based computing.

  • @HimanshuKumar-lw2fv
    @HimanshuKumar-lw2fv 2 ปีที่แล้ว

    did you have corporate experience in react, redux at the time when you were in the interview?

  • @ashwinchaudhary5730
    @ashwinchaudhary5730 2 ปีที่แล้ว +3

    What package offered by this company?

  • @user-mi8ew2to8e
    @user-mi8ew2to8e 2 ปีที่แล้ว +9

    Hoisting does not work with let and const because of something called temporal dead zone.
    It was introduced in es6 to remove this quirk of javascript.

  • @amarjeetkumar-hk2jl
    @amarjeetkumar-hk2jl 2 ปีที่แล้ว +1

    I am fresher and job less but i can explain questions of javascript, css, and some React questions better than him. But i am not feeling confident yet !

  • @Harsh-zf2bz
    @Harsh-zf2bz 2 ปีที่แล้ว +2

    What package did you get?

  • @mdanas0007
    @mdanas0007 2 ปีที่แล้ว +1

    Was this interview for experiance hilder or fresher.

  • @vmpstudio9657
    @vmpstudio9657 2 ปีที่แล้ว +1

    wow nice interview rj.

  • @cjgokuhomes10
    @cjgokuhomes10 2 ปีที่แล้ว +4

    Thank you bro i really needed. Can you try doing interview with publicist sapient?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      Sure, will try

  • @AbhishekKumar-vl3cb
    @AbhishekKumar-vl3cb 2 ปีที่แล้ว +92

    *JS Questions asked in this interview are:*
    1). What is hoisting in JS?
    2). How it works?
    3). Does hoisting work with all the variables, and Why?
    4). Diff. b/ "let" and "var"?
    5). What is Event Loop?
    6). What is the precedence in Event Loop? ( between Promise() and setTimeout() )
    7). What is the Diff. b/ "setTimeout()" & "setInterval()"?
    8). What are the ES6 features you have used?
    9). Where do you mostly use Rest Operator?
    10). Write a JS program to check whether a string is Palindrome or not?
    11). What are the usage of Array.reverse()?
    12). What do you mean by "Shallow Copy" and "Deep Copy"?
    13). What are the Closures in JS?
    14). Diff. b/ "map()" and "reduce()"?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +4

      Thanks

    • @manojlandge9149
      @manojlandge9149 2 ปีที่แล้ว +1

      Thanks man you are great 👍

    • @miantaimoortahir175
      @miantaimoortahir175 2 ปีที่แล้ว +1

      15). Diff. between Promises and Callbacks

    • @anuppendkar6138
      @anuppendkar6138 2 ปีที่แล้ว

      1)Different position attributes in css
      2)What is flexbox
      3)display none and visibility hidden
      4)hooks you used
      5)usememo, usecallback hook
      6)class based life cycle
      7)pure components
      8)context api
      9)why redux instead of context api
      10)how redux works
      11)Middleware

  • @bablutheone7166
    @bablutheone7166 9 หลายเดือนก่อน

    I am a BA student passed in 2019 and in the year 2023 I decided to work as a front end web developer and I learn HTML, CSS, JavaScript, React.js and Git/GitHub now I am not able to build my resume and I don't understand how to get a internship or a job. Please brother help me out.

    • @DevAditya
      @DevAditya  9 หลายเดือนก่อน

      Sure let’s connect topmate.io/Roshan

  • @openworld7585
    @openworld7585 2 ปีที่แล้ว

    Thank you for posting video

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      🙂 keep supporting & sharing

  • @nikeshgupta1241
    @nikeshgupta1241 4 หลายเดือนก่อน

    so you give wrong answer for hoisting.
    hoisting in JavaScript involves moving the declarations of variables and functions to the top of their containing scope during the compilation phase.
    well var ,let and const all got hoisted in diffrent manner.
    in memory creation phase var get undefiend but let and const load in temporal dead zone.

  • @riderzzone6373
    @riderzzone6373 2 หลายเดือนก่อน

    which version of react we are using ?
    I am using latest version 😂😂🤣🤣😂

    • @DevAditya
      @DevAditya  2 หลายเดือนก่อน

      @@riderzzone6373 🤣😂🤣

  • @ravirachchh4062
    @ravirachchh4062 2 ปีที่แล้ว +2

    What was your experience in number of years? I mean what was the role of this position? Senior or associate?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +3

      2+

    • @onrjs
      @onrjs 2 ปีที่แล้ว

      @@DevAditya did u get the job

  • @programmingpictures4420
    @programmingpictures4420 ปีที่แล้ว +1

    bas data structure or algorithms ky questions jaan ni chorty
    reactjs my Palidrome ka kia kaam
    😅😅😅😅

  • @sanjukumawatvlogs5902
    @sanjukumawatvlogs5902 4 หลายเดือนก่อน

    as a fresher interview question kaha se padu??? please help any senior experience walo.....

  • @simba9757
    @simba9757 2 ปีที่แล้ว

    hi bro,Nice interview!!!. what was the package they offered in this company?.

  • @jiyelaljaiswal7458
    @jiyelaljaiswal7458 20 วันที่ผ่านมา

    good set of questions as per your experience. but don't have confidence while answering. you have knowledge of each topic. I would never select as a experience candidate

  • @lightyagami5963
    @lightyagami5963 2 ปีที่แล้ว +2

    What's the salary category of this job?

  • @kunal7066
    @kunal7066 2 ปีที่แล้ว +1

    Very helpful bro but i suggest you work on your communication because people judge you with that..especially during interviews

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      Agree & thanks for your suggestion 😊

    • @Baraswal12
      @Baraswal12 ปีที่แล้ว

      Hey Kunal bro my communication is very weak can you guide?

  • @amans6504
    @amans6504 2 ปีที่แล้ว +1

    How much salary does it offered(just a brief idea) ?

  • @b_ucky_3483
    @b_ucky_3483 2 ปีที่แล้ว

    Freshers or experienced? Which one you are?

  • @bishwajeetpandey1570
    @bishwajeetpandey1570 ปีที่แล้ว +1

    We need more videos like this

    • @DevAditya
      @DevAditya  ปีที่แล้ว +1

      Sure just Keep Supporting & Sharing 😊

  • @Rahulsonivlog
    @Rahulsonivlog 2 ปีที่แล้ว +2

    Amazing interview 👍👍

  • @Sanketda
    @Sanketda 2 ปีที่แล้ว +1

    How experienced this candidate was ?

  • @indiasrailroadSpeak
    @indiasrailroadSpeak 2 ปีที่แล้ว +4

    Rather than reqct and javascrip concentrate on backend and Cloud

  • @anasouardini
    @anasouardini ปีที่แล้ว

    The guy just asked about html+css+js straight after he just asked about reactjs and got a "yes", Do they just push recruiters to interview devs?

  • @sachinnaik4477
    @sachinnaik4477 2 ปีที่แล้ว +4

    How did you record?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      Mac ( CMD + shift + 5 )

    • @sachinnaik4477
      @sachinnaik4477 2 ปีที่แล้ว +1

      @@DevAditya Ok. Which company did you join bro?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      @@sachinnaik4477 EY, but got the offer from these all companies

    • @sachinnaik4477
      @sachinnaik4477 2 ปีที่แล้ว +1

      @@DevAditya Congrats 🥳
      Do you have EY video?

    • @sachinnaik4477
      @sachinnaik4477 2 ปีที่แล้ว

      @@DevAditya How many rounds were there in EY?
      can you share ur linkedin profile?

  • @hemanthkumar-gx2jn
    @hemanthkumar-gx2jn 2 ปีที่แล้ว

    bro is this the final round or is their any other round after this.
    please tell me
    #ExpectingReply

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +2

      1st Round

    • @hemanthkumar-gx2jn
      @hemanthkumar-gx2jn 2 ปีที่แล้ว

      @@DevAditya ok.Brother could you please tell me that how many rounds they conducted and what are those??

  • @binarybulletin
    @binarybulletin ปีที่แล้ว

    9:20 reduce take 2 parameter mostly accumaltor and current value

  • @whoisrumba
    @whoisrumba 2 ปีที่แล้ว

    var creates property in Global object i.e. window and let does not

  • @RavindraSingh-zg9eq
    @RavindraSingh-zg9eq ปีที่แล้ว

    which company's interview it is and what is the salary they offered?

  • @protrader6302
    @protrader6302 2 ปีที่แล้ว

    This interview was for fresher or you were having some experience that time? Because i have given some interviews they ask to do heavy coding. I failed many and its giving me dipression.

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      2+
      Depends on the interviewer

  • @ni3664
    @ni3664 2 ปีที่แล้ว +1

    What is your educational qualification and how much package you got?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      MCA

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว +1

      @@vishwanathhosmane7765 sorry can't disclose

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      @@vishwanathhosmane7765 DM me on Insta or Telegram, for more please check the description

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      @@vishwanathhosmane7765 Jharkhand

  • @pallavichawan6079
    @pallavichawan6079 19 วันที่ผ่านมา

    Bro i have done react. Js course and after shifting from non-it job experience then, now am working on html, css, js,psqland php..........so how i do the react projects so that i hv to get working experience in react..... So that i can attend interviews.,

    • @DevAditya
      @DevAditya  18 วันที่ผ่านมา

      There are lots of project making tutorials available on TH-cam, you may try that then deploy it & mention it in your resume.

  • @sagar59
    @sagar59 3 หลายเดือนก่อน

    i have said in resume that i worked on react in previous firm but actually I haven't, what if they asked how to tackle this question

  • @imyounick
    @imyounick 2 ปีที่แล้ว +4

    All variables can be hoisted .
    Very easy interview what was the YEO of candidiate ?

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      Thanks

    • @clan2839
      @clan2839 2 ปีที่แล้ว

      YEO?
      I guess you are asking about the year of experience, right? @MaveNik

    • @imyounick
      @imyounick 2 ปีที่แล้ว

      @@clan2839 Yes type mistake

  • @calcio437
    @calcio437 2 ปีที่แล้ว +2

    bravo, watched all 20 minutes! interesting

    • @DevAditya
      @DevAditya  2 ปีที่แล้ว

      Thank you 😊

  • @shradhaagarwal8179
    @shradhaagarwal8179 ปีที่แล้ว

    Did you record the second round also?