React Interview Questions and Answers | React Interview Questions | ReactJS Tutorial | Simplilearn

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ค. 2024
  • 🔥Full Stack Developer (MERN Stack): www.simplilearn.com/full-stac...
    🔥Full Stack Java Developer (Masters): www.simplilearn.com/java-full...
    🔥Caltech Coding Bootcamp (US Only): www.simplilearn.com/coding-bo...
    🔥Full Stack Java Developer (India Only) - www.simplilearn.com/java-full...
    In this JavaScript Interview Questions video, you will learn some of the top beginner, intermediate and advanced level questions that are often asked in an interview. You will look at theoretical and practical based questions on several crucial topics of JavaScript.
    ✅Subscribe to our Channel to learn more about the top Technologies: bit.ly/2VT4WtH
    ⏩ Check out the JavaScript training videos: • Hello World In JavaScr...
    #JavaScriptInterviewQuestionsAndAnswers #JavaScriptInterivewPreparation #JavaScriptInterviewQuestionsForFreshers #JavaScriptInterviewQuestionsForExperienced #JavaScriptTutorial #JavaScriptTraining #JavaScriptCourse #FullStackWebDevelopmentTraining #FullStackDeveloperTutorial #FullStackWebDevelopmentCourse #FullStackTraining #Simplilearn
    ➡️ About Post Graduate Program In Full Stack Web Development
    This program will give you the foundation for building full-stack web apps using the Java programming language. You'll begin with the basics of JavaScript, and then venture into some of the more advanced concepts like Angular, Spring Boot, Hibernate, JSPs, and MVC. Now is the perfect time to get started on your career as a full-stack web developer!
    ✅ Key Features
    - Caltech CTME Post Graduate Certificate
    - Enrolment in Simplilearn’s JobAssist
    - Receive up to 25 CEUs from Caltech CTME
    - Simplilearn's JobAssist helps you get noticed by top hiring companies
    - Attend Masterclasses from Caltech CTME instructors
    - Live virtual classes led by industry experts, hands-on projects and integrated labs
    - Online Convocation by Caltech CTME Program Director
    - 20 lesson-end and 5 phase-end projects
    - Capstone Project in 4 domains
    - Caltech CTME Circle Membership
    - Build your own portfolio on GitHub
    ✅ Skills Covered
    - Agile
    - JAVA
    - Hibernate and JPA
    - Spring Core 50
    - DevOps
    - HTML5 and CSS3
    - AWS
    - JavaScript ES6
    - Servlets
    - SOAP and REST
    - JSP
    👉Learn more at: www.simplilearn.com/pgp-full-...
    🔥Enroll for Free JavaScript Course & Get Your Completion Certificate: www.simplilearn.com/learn-jav...
    🔥🔥 Interested in Attending Live Classes? Call Us: IN - 18002127688 / US - +18445327688

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

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

    🔥Become A Full Stack Developer Today: www.simplilearn.com/pgp-full-stack-web-development-certification-training-course?PGP-FSD-Caltech--dS9pvGqlX8&Comments&
    Do you have any questions on this topic? Please share your feedback in the comment section below and we'll have our experts answer it for you. Thanks for watching the video. Cheers!

  • @arunp.h1463
    @arunp.h1463 3 ปีที่แล้ว +11

    8:32 e.preventDefault is not used to check browser errors. Instead preventDefault() method is used to prevent the browser from executing the default action of the selected element. It can prevent the user from processing the request by clicking the link

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

    It is quite good! But it missed the main 2018/19 attraction of react... Hooks!
    With that u can get rid of class components, and use functional components with state management and some life cycle hooks methods as UseEffect().
    They re a lot more easier since u dont have to worry about "this." or "bind" anymore.
    const[example, setExample] = useState(" ")
    where example is the state, setExample is the "setState" and useState() is the default data that the state hook is biggning with (can be an array, an object, an array of object, string, number, boolean... Whatever.

    • @VishalVerma-ye9so
      @VishalVerma-ye9so 2 ปีที่แล้ว +1

      Correct Gabriel I was confused for bit like hooks are use to manage state in functional components.

  • @MahmoudAhmed-mf6lb
    @MahmoudAhmed-mf6lb 2 ปีที่แล้ว +4

    The video is great.
    Just a note for people who may watch it in the future, React has changed since that time as the video has some old information. Functional components can hold state now through hooks, some class component lifecycle methods are deprecated now, React context is added, redux has a toolkit now which is kinda different than redux without it. event.preventDefault() unlike what’s mentioned in the video, it’s used to prevent the default action of the browser for the event triggering.

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

      Thanks for watching our video and sharing your thoughts. Do subscribe to our channel and stay tuned for more. Cheers!

  • @Yan-rv8mi
    @Yan-rv8mi 3 ปีที่แล้ว +9

    21:35 Functional Components are very powerful with React hooks nowadays. It's a trend to replace class components, since functional component can do everything that class components are able to, but also doing it faster than class component and the code are cleaner.

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

      Thanks for sharing your input on this topic!

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

      @Yan So what are differences between those now?

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

    Thank you simplilearn for the video. The narrator is very nice, such clear speaking helps us to maintain interest throughout the video.👏🏻

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

      Thank you for the appreciation. You can check our videos related to various technologies and subscribe to our channel to stay updated with all the trending technologies.

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

    Hey Simplilearn, liked this one as it touches the basics of React.
    Requesting you for more in depth content on React like using axios to perform CRUD or implement get or post methods.

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

      Hey, thank you for watching our video. We will definitely look into your suggestions. Do subscribe and stay tuned for updates on our channel. Cheers :)

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

    Very helpful thank you very much, I would like to suggest this vdo to other ppl also

  • @bohdan90
    @bohdan90 4 ปีที่แล้ว

    Thank you, great vid - very well explained. I have an interview on React tomorrow and i hope this helps!

    • @SimplilearnOfficial
      @SimplilearnOfficial  4 ปีที่แล้ว

      Hey Bohdan, thank you for appreciating our work. We are glad to have helped. Do check out our other tutorial videos and subscribe to us to stay connected. Cheers :)

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

    Thanks for uploading this video. It gets really bored sometimes to read interview questions. I just recall all my experience once in a single video. Keep uploading latest one also. Thank you so much again 👍

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

    This is one of the best vids I've seen on React interviews. Thanks!

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

    Thank you so much for this encompassing ReactJS interview questions, although it should be updated to explain new concepts like hooks, the overall idea is still the same. This will be helpful as I set to take on some interviews coming up.

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

      Thank you for the appreciation. You can check our videos related to various technologies and subscribe to our channel to stay updated with all the trending technologies.

  • @Yan-rv8mi
    @Yan-rv8mi 3 ปีที่แล้ว +2

    15:50 React can be either server-side rendering or client-side rendering depending on how you configure it to. Especially for components that requires API call to fetch data before displaying them on the page, we can do client-side rendering by showing a shimmer before the actual data is returned. This is way elegant than showing a blank page for seconds when waiting for server-side rendering (including the time the server calls the API).

  • @igobortolon
    @igobortolon 3 ปีที่แล้ว

    Great video! Clear, concise and objective explanation of React

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

      We are glad you found our video helpful, Rodrigo. Like and share our video with your peers and also do not forget to subscribe to our channel for not missing video updates. We will be coming up with more such videos. Cheers!

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

    It's really useful one for a beginner and who needs to place easily..😊😊✌🏻✌🏻✌🏻✌🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻Thanks a lot for this one💐💐

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

      WooHoo! We are so happy you love our videos. Please do keep checking back in. We put up new videos every week on all your favorite topics. Whenever you have the time, you must also check out our blog page @simplilearn.com and tell us what you think. Have a good day!

    • @manoking918
      @manoking918 4 ปีที่แล้ว

      @@SimplilearnOfficial Sure♥️

  • @parthchandna7570
    @parthchandna7570 3 ปีที่แล้ว

    Considering that it's a video for interview preparation, you have mentioned that state is mutable, my friend state is immutable, if it were mutable then setState would not have been required

  • @laharshmoturi981
    @laharshmoturi981 3 ปีที่แล้ว

    This is a very glance for react for interview TQ so much

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      Hello, thank you for watching our video. We are glad that you liked our video. Do subscribe and stay connected with us. Cheers :)

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

    It's very helpful.. thank you

  • @Yan-rv8mi
    @Yan-rv8mi 3 ปีที่แล้ว

    Life cycle methods in class components are very much being replaced by useEffect, useState and other hooks in functional components. This is trending up since the begining of 2019, so for a video that published in late 2019 I believe it'd be better that you could include React Hooks. Other than that, great videos!

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      Hey Yan, thank you for appreciating our work. We are glad to have helped. Do check out our other tutorial videos and subscribe to us to stay connected. Cheers :)

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

    Do you have any questions on this topic? Please share your feedback in the comment section below and we'll have our experts answer it for you. Thanks for watching the video. Cheers!

    • @manasdwivedi336
      @manasdwivedi336 4 ปีที่แล้ว

      Hello Simplilearn, thanks for the set of questions that are definitely gonna help any developer out there.
      One simple suggestion is to include hooks and a more deep dive into lifecycle methods.
      It would be very beneficial to us if you could provide a series with coverage of HTML,CSS,JS,React JS(with redux).
      Thank you.
      Keep coding ;)

    • @joeldominiclobo587
      @joeldominiclobo587 3 ปีที่แล้ว

      I guess you missed "npx" when creating a react app.

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

    Very detailed information

  • @shabanrasheed771
    @shabanrasheed771 7 วันที่ผ่านมา

    Helpful thanks for this 🎉

    • @SimplilearnOfficial
      @SimplilearnOfficial  7 วันที่ผ่านมา

      Hello, thank you for watching our video. We are glad that you liked our video. Do subscribe and stay connected with us. Cheers :)

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

    Thank you!

  • @Mayankkumargeek
    @Mayankkumargeek 4 ปีที่แล้ว

    thanks a lot :)

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

    This is one of the best vedio

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      WooHoo! We are so happy you love our videos. Please do keep checking back in. We put up new videos every week on all your favorite topics. Whenever you have the time, you must also check out our blog page @simplilearn.com and tell us what you think. Have a good day!

  • @mathearts9739
    @mathearts9739 4 ปีที่แล้ว

    thanks new subscriber here easy to learn

    • @SimplilearnOfficial
      @SimplilearnOfficial  4 ปีที่แล้ว

      Thanks for the sub! We welcome you to our community!

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

    Pretty basic questions. But thanks. Before anything should know these.

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

      Keep learning with us .Stay connected with our channel and team :) . Do subscribe the channel for more updates : )

  • @manasdwivedi336
    @manasdwivedi336 4 ปีที่แล้ว

    Hello Simplilearn, thanks for the set of questions that are definitely gonna help any developer out there.
    One simple suggestion is to include hooks and a more deep dive into lifecycle methods.
    It would be very beneficial to us if you could provide a series with coverage of HTML,CSS,JS,React JS(with redux).
    Thank you.
    Keep coding ;)

    • @SimplilearnOfficial
      @SimplilearnOfficial  4 ปีที่แล้ว

      Hey Manas, thank you for watching our video. We will definitely look into your suggestions. Do subscribe and stay tuned for updates on our channel. Cheers :)

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

    tkx a lot

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      Thank you for the appreciation. You can check our videos related to various technologies and subscribe to our channel to stay updated with all the trending technologies.

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

    Sorry to say, but this just got me more confused. i have been working with react for some time now. however i did not know all the theory. I may rewatch this after few basics react videos. maybe it will make make more sense to me later. Also saw nothing much about hooks. and i think that is pretty important

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      Thank you for bringing this to our attention. We’re sorry you had a bad experience. We’ll strive to do better

  • @gauravsharma4468
    @gauravsharma4468 4 ปีที่แล้ว

    19:38 you exported and imported App in same file . It was suppose to be imported inside app.js not in main.js

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

    everything is quite informative but one issue, if possible slow down your pace.

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

      Thanks for watching our video and sharing your thoughts. Do subscribe to our channel and stay tuned for more. Cheers!

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

    Outdated and wrong in 2020 !

  • @ViditKothari
    @ViditKothari 3 ปีที่แล้ว

    "require()" isn't a part of Javascript, thus it isn't technically ES5 or native-Javascript feature. Instead it is NodeJS function.
    same thing goes with "module.exports".
    Get an expert Javascript engineer before creating such videos and misleading masses. This hints at the kind & quality of education you provide to noobs when they subscribe to your classes.

    • @SimplilearnOfficial
      @SimplilearnOfficial  3 ปีที่แล้ว

      Thanks for watching our video and sharing your thoughts. Do subscribe to our channel and stay tuned for more. Cheers!

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

    is headache without subtitle, please fix it.

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

      We are sorry about that Samco, we will share the feedback with the relevant department

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

      I can understand everything with no effort, and im not english speaker :p

    • @SimplilearnOfficial
      @SimplilearnOfficial  4 ปีที่แล้ว

      Thanks for the good feedback. Do subscribe to our channel and stay tuned.