This is my own collection for self preparation. If it helps you, I will be glad.
- Explain data types in JavaScript
- What is Hoisting
- Understand Hoisting
- Understand Hoisting Better
- What is the difference between normal function and arrow function?
- What is implicit type coercion ?
- difference between let and var
- Where IIFE is used?
- Difference between call bind and apply
- How null and undefined are same
- What is closure
- What is function currying ?
- What is a pure function in Javascript ?
- What is a side effect?
- What is a higher order function in javascript?
- What is DOM and why it is required ?
- What is a Prototypical Inheritance ?
- Why should not use = sign to clone arrays?
- What is event bubbling
- What is event loop in JavaScript?
- Event loop more explanations
- What is event delegation ? explain with an example.
- What is destructuting ?
- What is javascript spread operator ?
- What is callback ?
- What is a JavaScript Promise?
- What is Optional Chaining ?
- What is the use of setInterval
- What is setTimeout
- What is a javascript promise?
- How to create JavaScript Objects
- How to use factory function to create object?
- How to create object using constructor function ?
- Difference between local storage sessions storage and cookies
- Difference between array slice and splice
- Difference between JSON and JS Object
- Different ways to convert string to number or number to string
- What is the use of new keyword in javascript function?
- What is a React Pure Component ?
- Explain useRef with an example.
- Explain some react hooks
- What is React Suspense?
- Difference between state and prop
- How DOM updates is React ?
- What is reconciliation in React ?
- Why diffing algorithm is used in React?
- What is React Error Boundary
- coding question - stop watch
- React Coding Interview Preparation Video Solution
- React useContext hook example
- React useContext MovieList App
- Creation of custom useInterval hook
- How to stop re-rendering of child component ?
- How react lazy loading is used for code spliting?
- Why react state don't immediately update state ?
- Why keys needed in map element?
- Explain react native design patterns
- How to optimise a flatlist in react native
- what is Async storage
- How to use camera in react native
Why we should use StyleSheet.create instead of a plain object?
-
As per documentation, The style prop can be a plain old javascript object. As a component grows in complexity, it is often cleaner to use StyleSheet.create.
-
You have some methods and properties that boost the development. For example, the property StyleSheet.absoluteFill will do position: 'absolute', left: 0, right: 0, top: 0, bottom: 0, or the method compose() will allow you to combine two styles, overriding it.
-
In the simulator, when using stylesheet will display an ERROR, and when using the plain object will display only a WARNING.
Known issues
In some cases React Native does not match how CSS works on the web, for example the touch area never extends past the parent view bounds and on Android negative margin is not supported.- What are three principles of redux ?
- Explain redux toolkit with example
- From the given api pick all the users. While it is picking the screen should display loading please wait. In case of error show proper error message. If successful display all the user names
- What are SOLID principles ?
- Difference between loosly coupled and tightly coupled object ?
- What is singleton object
A Singleton is an object which can only be instantiated one time. Repeated calls to its constructor return the same instance and this way one can ensure that they don't accidentally create multiple instances.
var object = new (function () {
this.name = "Sudheer";
})();Video Tutorial for Below Questions
- What is the difference between map and filter
- What is the difference between null and undefined
- What is the difference between == and ===
- Explain Event Delegation
- Flatten below array
let arr = [
[1,2],
[3,4],
[5,6,[7,8],9],
[10,11,12],
];
// [1,2,3,4,5,6,7,8,9,10,11,12]
- Difference between var, let and const
- What is the output of below code ?
function a(){
for(var i=0; i<3; i++){
setTimeout(function log(){
console.log(i); // What is logged ?
}, i*1000);
}
}
a();
// output :
// 3
// 3
// 3
// Replace var with let, the output :
// 0
// 1
// 2- explain call apply and bind
- composition polyfill
function addFive(a){
return a+5;
}
function subtractTwo(a){
return a-2;
}
function multiplyFour(a){
return a*4;
}
- implement pipe
- implement promise.all
- React Interview Questions
- Explain life cycle method both in class and function
- ways to center a div
- What is CSS Box Model ?
- Implement a de bounce function
React JS interview Manager Round
IBM Technical Round for Freshers