50+ React.js Interview Questions
⇩
⇩
Level: Beginner to Medium
Topics:
➊ Introduction
➋ JSX
➌ Virtual DOM
➍ Component
➎ States and Props
➏ Data Binding
➐ Component Rendering
➑ Introduction to Hooks
More in the coming series.
Topics:
➊ Introduction
➋ JSX
➌ Virtual DOM
➍ Component
➎ States and Props
➏ Data Binding
➐ Component Rendering
➑ Introduction to Hooks
More in the coming series.
➊ Introduction
➀ What is React?
➁ What is the current version of React?
➂ What are the core features of React?
➃ What are the advantages of using React?
➄ Where shouldn't we use React?
➅ What is SPA?
➆ When will a SPA run slower/faster?
➀ What is React?
➁ What is the current version of React?
➂ What are the core features of React?
➃ What are the advantages of using React?
➄ Where shouldn't we use React?
➅ What is SPA?
➆ When will a SPA run slower/faster?
➋ JSX
➀ What is JSX?
➁ Can a JSX code directly run on a browser?
➂ What do we need to convert JSX code to plain-JS code?
➃ Is "import React from react" necessary? If yes, when?
➀ What is JSX?
➁ Can a JSX code directly run on a browser?
➂ What do we need to convert JSX code to plain-JS code?
➃ Is "import React from react" necessary? If yes, when?
➌ Virtual DOM
➀ What is a Virtual DOM?
➁ Why does React use a Virtual DOM?
➂ Advantages of Virtual DOM over normal DOM?
➃ Explain how the Virtual DOM works.
➄ When and how are changes propagated to the real DOM?
➀ What is a Virtual DOM?
➁ Why does React use a Virtual DOM?
➂ Advantages of Virtual DOM over normal DOM?
➃ Explain how the Virtual DOM works.
➄ When and how are changes propagated to the real DOM?
➍ Component
➀ What is a component?
➁ How many ways can a component be defined?
➂ How to define a class-based component?
➃ How to define a function-based component?
➄ What are the advantages and disadvantages of defining a component function-based vs. class-based?
➀ What is a component?
➁ How many ways can a component be defined?
➂ How to define a class-based component?
➃ How to define a function-based component?
➄ What are the advantages and disadvantages of defining a component function-based vs. class-based?
➎ States and Props
➀ What is a state?
➁ What is a prop?
➂ Difference between a state and a prop?
➃ What is a stateful component and a stateless component?
➀ What is a state?
➁ What is a prop?
➂ Difference between a state and a prop?
➃ What is a stateful component and a stateless component?
➄ How states are set in a class-based component?
➅ How states are set in a function-based component?
➆ How to define props in a class-based component?
➇ How to define props in a function-based component?
➅ How states are set in a function-based component?
➆ How to define props in a class-based component?
➇ How to define props in a function-based component?
➏ Data Binding
➀ What is data binding?
➁ What are the different types of data binding?
➂ What kind of data binding does React allow?
➃ Which data is available for binding in React?
➀ What is data binding?
➁ What are the different types of data binding?
➂ What kind of data binding does React allow?
➃ Which data is available for binding in React?
➐ Component Rendering
➀ What do you mean by rendering a component?
➁ Where to define rendering logic in a class-based component?
➂ Where to define rendering logic in a function-based component?
➃ What care should be taken to not make the rendering slower?
➀ What do you mean by rendering a component?
➁ Where to define rendering logic in a class-based component?
➂ Where to define rendering logic in a function-based component?
➃ What care should be taken to not make the rendering slower?
➑ Introduction to Hooks
➀ What is a hook?
➁ Name the hooks which React provides out-of-the-box.
➂ What are the general conventions for naming a hook?
➃ From where can a React hook be called?
➄ Point out a few places where a hook can't be used.
➅ What is useState?
➀ What is a hook?
➁ Name the hooks which React provides out-of-the-box.
➂ What are the general conventions for naming a hook?
➃ From where can a React hook be called?
➄ Point out a few places where a hook can't be used.
➅ What is useState?
➆ Compare useState with the state management in class-based components.
➇ What is useEffect?
➈ Which life cycle methods are internally handled by useEffect?
➉ What is useRef?
➀➀ Give some scenarios where useRef should be used.
➇ What is useEffect?
➈ Which life cycle methods are internally handled by useEffect?
➉ What is useRef?
➀➀ Give some scenarios where useRef should be used.
➀➁ Difference between useState and useRef.
➀➂ What is useContext?
➀➃ Explain how to manage contexts in components and how useContext fits in there.
➀➄ What is memoization and how does React achieve it?
➀➅ Explain the useMemo hook.
➀➂ What is useContext?
➀➃ Explain how to manage contexts in components and how useContext fits in there.
➀➄ What is memoization and how does React achieve it?
➀➅ Explain the useMemo hook.
🚥 Disclaimer
⬘ Few of these questions were shared by me previously.
⬗ I never claim that only these types of questions are asked during interviews.
⬙ For interviews, you should have strong fundamentals. And you should be able to provide solutions to practical problems.
⬘ Few of these questions were shared by me previously.
⬗ I never claim that only these types of questions are asked during interviews.
⬙ For interviews, you should have strong fundamentals. And you should be able to provide solutions to practical problems.
Hey 👋
I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing
✰ Tutorials
✰ Tricks
✰ Career Tips
✰ Cheat Sheets
✰ Interview Questions
✰ Project Ideas
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases
Thanks for reading. 🙏
I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing
✰ Tutorials
✰ Tricks
✰ Career Tips
✰ Cheat Sheets
✰ Interview Questions
✰ Project Ideas
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases
Thanks for reading. 🙏
Loading suggestions...