1. A progressive web application (PWA)
Answer
2. Coding principles names
Answer
3. Design pattern
Answer
4. Network matrices
Answer
5. Docker
Answer
1. react benefits/advantage & why react
React offers several benefits:
Virtual DOM: React uses a virtual DOM, which reduces the need to directly
manipulate the actual DOM, resulting in better performance.
Reusable Components: Components are modular and can be reused, making code
more maintainable.
Declarative Syntax: React code is more readable and easier to understand due to its
declarative nature.
One-way Data Binding: React follows a unidirectional data flow, making it predictable
and easier to understand.
React Native: Ability to build mobile applications using the same React concepts.
// Simple React Component
class MyComponent extends React.Component {
render() {
return <div>Hello, {this.props.name}</div>;
} }
2. react limitation/disadvantage
there is some limit
3. props, props drilling
Answer
4. states, how to change state
Answer
5. hooks
Answer
6. lifecycle methods
Answer
7. keys & refs
Answer
8. why functional component
Answer
9. higher order function & with example[connect fn]
Answer
10. connect
Answer
11. api call ..list...delete button..remove list ...input ...add to list
Answer
12. difference between elements and component
Answer
13. difference between class and functional component
Answer
14. redux as store management library
Answer
15. routing
Answer
16. withRouter,history,match,location in router
Answer
17. how to stop re-rendering[shouldComponentUpdate & React.pureComponent,React.memo]
Answer
18. useMemo
Answer
19. Babel interpret in runtime or compile time
Answer
20. Is there any performance issue in async await
Answer
21. Server side rendering [SSR], SEO
Answer
22. cache
Answer
23. Lazy Loading
Answer
24. Switch Component
Answer
25. webpack configuration
Answer
26. react mixin
Answer
27. why innerHtml used in react
Answer
28. how to fetch data from three input feilds on click of submit
Answer
29. when all three are different react components
Answer
30. if we click on browser back button what will happen if we are using router
Answer
1. how to inherit parent properties, prototype inheritance
Answer
2. how javascript works & event loop
Answer
3. event propagation
Answer
4. throttling & debouncing
Answer
5. closure
Answer
6. Scope chain
Answer
7. hoisting
Answer
8. primitive ,non-primitive data types
Answer
9. ES6 features
Answer
10. window.onload & document.onload
Answer
11. use/benefits of arrow function
Answer
12. classes & objects
Answer
13. var, let, const
Answer
14. array methods: map, filter, forEach, reduce
Answer
15. array of objects [sum of ids of all objects]
Answer
16. promise
Answer
17. setTimeout setTimeout code is written first than promise -which one will execute first
Answer
19. api call (multiple api call in a single function)
Answer
20. Lazy Loading
Answer
21. What is Type Coercion in JavaScript?
Answer
22. shallow copy and deep copy in JavaScript
Answer
23. event delegation in JavaScript
Answer
24. Object-oriented JavaScript
Answer
25. web storage, cookie
Answer
26. SEO
Answer
27. arguments sum
Answer
28. spread operator & rest operator
Answer
29. moment js for timezone
Answer
30. convert object into an array
Answer
31. toString()
Answer
1. html & html5 new features
Answer
2. block level elements like div & inline-elements like span
Answer
3. innerText, innerHtml & textContent
Answer
4. semantic & non-semantic tags in html
Answer
5. web storage
Answer
6. doctype
Answer
7. target types
Answer
8. attribute
Answer
9. offline browsing
Answer
10. HTML hacking/injection [Stored & Reflected]
Answer
11. noopener
Answer
12. required pattern max-length
Answer
13. picture tag for image
Answer
14. video and audio tags
Answer
15. content delivery network (CDN)
Answer
1. difference between visibility hidden & display none
Answer
2. position[relative, absolute, fixed, static], default position-static
Answer
3. box modal
Answer
4. in nested selector how compiler works
Answer
5. priority of class, id and tags in css
Answer
6. border-style: dotted, dashed, etc.
Answer
7. why css preprocessor
Answer
8. scaler vector svg animation
Answer
9. flex box
Answer
10. mobile and desktop first approach
Answer
11. concept of specificity
Answer
12. why css cascading
Answer
13. Pseudo-elements & Pseudo-classes
Answer
1. mixin
Answer
2. e()
Answer
3. How to use Less compiler
Answer
1. mixin
Answer
1. Breadcrumb class
Answer
2. Different buttons
Answer
3. Fixed and fluid container classes
Answer
4. Col division
Answer