Mô tả

One Stop Destination For All React Interview Questions and Answers.


Top 200 React Interview Questions and Answers:

(Video Lectures + Revision PDF Book)

(Topics from which  questions are covered)

  1. React-Basics - I

  2. React-Basics - II

  3. React Project - Main Files & Folders

  4. JSX

  5. Components - Functional/ Class

  6. Routing

  7. Hooks -useState/ useEffect

  8. Hooks - useContext/ useReducer

  9. Hooks - useCallback/ useMemo/ useRef/ useLayoutEffect

  10. Hooks - Best Practices/ Short Answer

  11. Components LifeCycle Methods - I

  12. Components LifeCycle Methods - II

  13. Controlled & Uncontrolled Components

  14. Code Splitting

  15. React - Others

  16. Redux - Component/ Action/ Store/ Reducer

  17. Redux - Core Principles/ Pros-Cons/ Local & Redux State

  18. Redux - Short Answer

  19. Redux - Thunk/ Middleware/ Error Handling/ Flux

  20. JavaScript Essentials for React

  21. Typescript


Revision PDF Boos: All notes are present in PDF and PPT format in resources of the course.


Code: For every question, the code is present in its slide notes of PowerPoint.


Interview Preparation Tracker Sheet: All questions listed in this tracker excel. Just have a look just before the interviews.


About Instructor: The instructor has more than 15 years of experience in full-stack development and has given and taken more than 100 interviews in his career. He helps candidates in cracking the interviews.


All the best for your interview preparation.

Remember, NEVER EVER GIVE UP before selection while giving job interviews.

Bạn sẽ học được gì

React Interview Preparation

200 React Interview Question and Answers

How to Crack React Interviews

React interview guide in PDF format

Yêu cầu

  • Basic JavaScript knowledge is an advantage

Nội dung khoá học

22 sections

Course Introduction and Structure

1 lectures
Introduction (PDF/ PPT/ Excel/ Code attached in resources of this section)
03:10

React-Basics - I

11 lectures
React-Basics - I - Introduction
00:26
Q 1. What is React? What is the Role of React in software development?
03:06
Q2. What are the Key Features of React?
01:03
Q3. What is DOM? What is the difference between HTML and DOM?
02:58
Q4. What is Virtual DOM? Difference between DOM and Virtual DOM?
04:37
Q5. What are React Components? What are the main elements of it?
01:48
Q6. What is SPA(Single Page Application)?
01:44
Q7. What are the 5 Advantages of React?
02:26
Q8. What are the Disadvantages of React?
01:18
Q9. What is the role of JSX in React? (3 points)
02:07
Q10. What is the difference between Declarative & Imperative syntax?
01:45

React-Basics - II

11 lectures
React-Basics - II
00:46
Q11. What is Arrow Function Expression in JSX?
02:41
Q12. How to Setup React first project?
01:56
Q13. What are the Main Files in a React project?
02:27
Q14. How React App Load and display the components in browser?
01:39
Q15. What is the difference between React and Angular?
03:01
Q16. What are other 5 JS frameworks other than React?
00:36
Q17. Whether React is a Framework or a Library? What is the difference?
01:33
Q18. How React provides Reusability and Composition?
02:13
Q19. What are State, Stateless, Stateful and State Management terms?
03:05
Q20. What are Props n JSX?
00:58

React Project - Main Files & Folders

11 lectures
React Project - Main Files & Folders
00:52
Q21. What is NPM? What is the role of node_modules folder?
01:28
Q22. What is the role of public folder in React?
01:05
Q23. What is the role of src folder in React?
00:43
Q24. What is the role of index.html page in React?
01:11
Q25. What is the role of index.js file and ReactDOM in React?
02:04
Q26. What is the role of App.js file in React?
01:23
Q27. What is the role of function and return inside App.js?
01:52
Q28. Can we have a function without a return inside App.js?
01:43
Q29. What is the role of export default inside App.js?
00:58
Q30. Does the file name and the component name must be same in React?
00:35

JSX

11 lectures
JSX
00:47
Q31. What is the role of JSX in React? (3 points)
02:07
Q32. What are the 5 Advantages of JSX?
02:18
Q33. What is Babel?
01:15
Q34. What is the role of Fragment in JSX?
02:05
Q35. What is Spread Operator in JSX?
01:18
Q36. What are the types of Conditional Rendering in JSX?
02:56
Q37. How do you iterate over a list in JSX? What is map() method?
02:47
Q38. Can a browser read a JSX File?
00:21
Q39. What is Transpiler? What is the difference between Compiler & Transpiler?
01:24
Q40. Is it possible to use JSX without React?
00:30

Components - Functional/ Class

10 lectures
Components - Functional/ Class
00:54
Q41. What are React Components? What are the main elements of it?
01:48
Q42. What are the Types of React components? What are Functional Components?
01:02
Q43. How do you pass data between functional components in React?
00:18
Q44. What is Prop Drilling in React?
01:08
Q45. Why to Avoid Prop Drilling? In how many ways can avoid Prop Drilling?
02:29
Q46. What are Class Components In React?
01:42
Q47. How to pass data between class components in React?
01:12
Q48. What is the role of this keyword in class components?
01:35
Q49. Differences btw Functional components and Class components?
02:04

Routing

7 lectures
Routing - Introduction
00:32
Q50. What is Routing and Router in React?
01:18
Q51. How to Implement Routing in React?
01:29
Q52. What are the roles of <Routes> & <Route> component in React Routing?
01:24
Q53. What are Route Parameters in React Routing?
00:39
Q54. What is the role of Switch Component in React Routing?
01:09
Q55. What is the role of exact prop in React Routing?
01:03

Hooks -useState/ useEffect

7 lectures
Hooks -useState/ useEffect
00:33
Q56. What are React Hooks? What are the Top React Hooks?
01:53
Q57. What are State, Stateless, Stateful and State Management terms?
03:05
Q58. What is the role of useState() hook and how it works?
04:26
Q59. What is the role of useEffect(). How it works and what is its use?
04:06
Q60. What is Dependency Array in useEffect() hook?
02:12
Q61. What is the meaning of the empty array [] in the useEffect()?
00:50

Hooks - useContext/ useReducer

9 lectures
Hooks - useContext/ useReducer
00:37
Q62. What is the role of useContext() hook?
02:46
Q63. What is createContext() method? What are Provider & Consumer properties?
01:21
Q64. When to use useContext() hook instead of props in real applications?
01:26
Q65. What are the similarities between useState() and useReducer() hook?
02:45
Q66. What is useReducer() hook? When to use useState() and when useReducer()?
04:37
Q67. What are the differences between useState() and useReducer() Hook?
00:22
Q68. What are dispatch & reducer function in useReducer Hook?
01:48
Q69. What is the purpose of passing initial state as an object in UseReducer?
00:34

Hooks - useCallback/ useMemo/ useRef/ useLayoutEffect

7 lectures
Hooks - useCallback/ useMemo/ useRef/ useLayoutEffect
00:43
Q70. What is the role of useCallback() hook in React?
03:34
Q71. What parameters does the useCallback hook accept & what does it returns?
00:45
Q72. What is the role of useMemo() Hook?
02:02
Q73. What is the role of useRef() Hook?
02:44
Q74. What useLayoutEffect() Hook? Compare it with useEffect() hook.
03:33
Q75. When to use useLayoutEffect() Hook?
02:37

Hooks - Best Practices/ Short Answer

5 lectures
Hooks - Best Practices/ Short Answer
00:51
Q76. What are the Rules or Best Practices for hooks implementation?
01:24
Q77. What are Custom Hooks?
01:24
Q 78- Q83
02:51
Q84. What are the uses of all the Hooks in React?
02:31

Components LifeCycle Methods - I

8 lectures
Components LifeCycle Methods - I
00:45
Q85. What are Component life cycle phases?
01:50
Q86. What are Component life cycle methods?
01:53
Q87. What are Constructors in class components? When to use them?
02:14
Q88. What is the role of super keyword in constructor?
01:21
Q89. What is the role of render() method in component life cycle?
01:59
Q90. How the State can be maintained in a class component?
01:56
Q91. What is the role of componentDidMount() method in component life cycle?
03:04

Components LifeCycle Methods - II

4 lectures
Components LifeCycle Methods - II
00:39
Q92. What is the role of componentDidUpdate() method in component life cycle?
02:37
Q93. What is the role of componentWillUnmount() method in component life cycle?
02:50
Q94 - Q98
03:11

Controlled & Uncontrolled Components

6 lectures
Controlled & Uncontrolled Components
00:22
Q99. What are Controlled Components in React?
02:22
Q100. What are the Differences btw Controlled & Uncontrolled Components?
02:00
Q101. What are characteristics of controlled components?
01:23
Q102. What are the advantages of using controlled components in React forms?
02:00
Q103 - Q106
01:31

Code Splitting

6 lectures
Code Splitting
00:36
Q107. What is Code Splitting in React?
01:54
Q108. How to Implement Code Splitting in React?
03:12
Q109. What is the role of Lazy and Suspense methods in React?
02:07
Q110. What are the Pros and Cons of Code Splitting?
03:33
Q 111 - Q114
01:42

React - Others

14 lectures
React - Others
00:34
Q115. What is a Higher-Order Component in React?
03:07
Q116. What are the 5 ways to Style React components? Explain Inline Styles?
01:14
Q117. What are the differences between React & React Native?
01:09
Q118. What is GraphQL?
01:15
Q119. Ways to achieve state management? When to use what in React?
02:51
Q120. How can you Implement Authentication in a React application?
02:51
Q121. What is the use of React Profiler?
01:23
Q122. What is the difference between fetch & axios for api calls in React?
02:45
Q123. What are the popular Testing Libraries for React?
00:24
Q124. How can you Optimize Performance in a React application?
02:16
Q125. Explain Reactive Programming with example?
01:56
Q126. In how many ways can we implement Reactive Programming in React?
01:11
Q127. How to pass data from child component to parent Component in React?
02:32

Redux - Component/ Action/ Store/ Reducer

10 lectures
Redux - Component/ Action/ Store/ Reducer
00:45
Q128. What is the role of Redux in React?
01:30
Q129. When to use Hooks and when to use Redux in React applications?
02:15
Q130. What is the Flow of data in React while using Redux?
02:25
Q131. How to install Redux for React application?
00:21
Q132. What are Action Creators in React Redux?
02:55
Q133. Difference between Action Creators, Action Object & Action Type?
01:22
Q134. Explain React Component Structure while using Redux?
03:59
Q135. What is the role of Store in React Redux?
02:07
Q136. What is the role of Reducer in Redux?
01:58

Redux - Core Principles/ Pros-Cons/ Local & Redux State

5 lectures
Redux - Core Principles/ Pros-Cons/ Local & Redux State
00:31
Q137. Explain the Core Principles of Redux?
04:15
Q138. List 5 benefits of using Redux in React?
01:53
Q139. What are the differences between local component state & Redux state?
01:58
Q140. What are the challenges or disadvantages while using Redux?
02:32

Redux - Short Answer

11 lectures
Redux - Short Answer
00:42
Q141. What is Provider Component?
01:22
Q142. What is the role of Connect function in React-Redux?
00:49
Q143. What are the 4 Important Files in React-Redux project?
00:56
Q144. How to structure the project and maintain state in multiple components?
01:17
Q145. Explain the concept of immutability in the context of Redux?
01:32
Q146. Typical properties of an Action object in React-Redux project?
00:41
Q147. Difference btw mapDispatchToProps & mapStateToProps in the connect?
00:53
Q148. What is the meaning of Unidirectional Data Flow in Redux?
00:46
Q149. How does Redux handle communication between components?
00:21
Q150. What is Payload property in Redux?
00:35

Redux - Thunk/ Middleware/ Error Handling/ Flux

6 lectures
Redux - Thunk/ Middleware/ Error Handling/ Flux - Introduction
00:34
Q151. Difference between Regular Action creator & Thunk action creator?
02:16
Q152. Explain the concept of Middleware in React-Redux?
01:59
Q153. How can you handle Asynchronous Operations & side-effect in React-Redux?
00:23
Q154. How does Error Handling work in Redux?
00:24
Q155. What is the difference between Flux & Redux?
00:43

JavaScript Essentials for React

26 lectures
JavaScript Essentials for React
00:52
Q156. What are variables? What is the difference between var, let, and const ?
03:32
Q157. What are the types of conditions statements in JS?
03:19
Q158. What is Error Handling in JS?
01:16
Q159. What is the difference between Spread and Rest operator in JS?
03:26
Q160. What are Arrays in JS? How to get, add & remove elements from arrays?
02:59
Q161. What is Array Destructuring in JS?
01:38
Q162. What are Functions in JS? What are the types of function?
01:26
Q163. Difference between named and anonymous functions? When to use what?
01:48
Q164. What is function expression in JS?
01:11
Q165. What are Arrow Functions in JS? What is it use?
02:14
Q166. What are Callback Functions? What is it use?
02:26
Q167. What is Higher-order function In JS?
02:14
Q168. What are Pure and Impure functions in JS?
02:57
Q169. What are template literals and string interpolation in strings?
01:31
Q170. What are Objects in JS?
02:00
Q171. What is the difference between an array and an object?
00:57
Q172. How do you add or modify or delete properties of an object?
00:37
Q173. What is asynchronous programming in JS? What is its use?
03:27
Q174. What is the difference between synchronous and asynchronous programming?
01:39
Q175. What are Promises in JavaScript?
02:45
Q176. How to implement Promises in JavaScript?
02:30
Q177. What is the purpose of async/ await? Compare it with Promises?
04:15
Q178. What are Classes in JS?
03:08
Q179. What is a constructor?
00:50
Q180. What is the use of this keyword?
01:33

Typescript

22 lectures
Typescript - Introduction
00:32
Q181. What is Typescript?Difference between Typescript and Javascript?
06:05
Q182. How to install Typescript and check version?
01:26
Q183. What is the difference between let and var keyword?
03:03
Q184. What is Type annotation?
01:28
Q185. Primitive and Non-primitive Types in Typescript?
01:53
Q186. What is “any” type in Typescript?
02:16
Q187. What is Enum type in Typescript?
02:11
Q188. What is the difference between void and never types in Typescript?
01:32
Q189. What is Type Assertion in Typescript?
01:57
Q190. What are Arrow Functions in Typescript?
01:43
Q191. What is Object Oriented Programming in Typescript?
03:40
Q192. What are Classes and Objects in Typescript?
02:05
Q193. What is Constructor?
02:18
Q194. What are Access Modifiers in Typescript?
04:01
Q195. What is Encapsulation in Typescript?
05:50
Q196. What is Inheritance in Typescript?
02:50
Q197. What is Polymorphism in Typescript?
02:46
Q198. What is Interface in Typescript?
04:34
Q199. What's the difference between extends and implements in TypeScript ?
01:28
Q200. Is Multiple Inheritance possible in Typescript?
01:07
END
00:28

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.