JavaScript Related Questions
- Hoisting in JavaScript
- Var, let and const
- Temporal dead zone
- lexical scope
- Higher-Order Functions
- Functions that operate on other functions, either by taking them as arguments or by returning them, are called higher-order functions
- Shallow copy and Deep copy
- Difference B/W These functions
- Function Expression
- Function Declaration
- Function Statement
- Anonymous Function
- Named Function Expression
- First Class Functions
- A programming language is said to have First-class functions when functions in that language are treated like any other variable.
- const foo = function() { console.log("foobar"); } foo(); // Invoke it using the variable // foobar
- Arrow Functions
- Currying
- Currying is an advanced technique of working with functions.
- Currying is a transformation of functions that translates a function from callable as f(a, b, c) into callable as f(a)(b)(c).
- Template literals
- var rgb = rgb(${r}, ${g}, ${b});
- What is closure?
- A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).
- In other words, a closure gives you access to an outer function’s scope from an inner function.
- Spread syntax
- Object de-structuring
- Map vs ForEach, Find vs filter
- Exception handling
- Event Loop
- Promise, async, wait
- TypeScript
- O.O.P.
- Threads
- Execution Thread
- Execution Thread is a thread of execution in a single JavaScript file.
- Worker Thread
- Worker Thread is a thread of execution in a single JavaScript file.
- Cluster
- Cluster is a group of computers that are connected to a single network.
- Execution Thread
React-Native Questions
- DOM, Shadow Dom, Virtual DOM
- State and props
- What is StyleSheet.create()?
- StyleSheet.create() is a function that takes a plain JavaScript object and returns a StyleSheet object.
- Instead of creating a new style object every time, StyleSheet helps to create style objects with an ID which is further used to reference instead rendering it again.
- How to reuse/share logics in React?
- Higher order components
- Render props
- What is hooks?
- Hooks are a set of JavaScript functions that let you use state and other React features without writing a class.
- Hooks are a set of JavaScript functions that let you “hook into” React’s lifecycle
- What is Error boundary?
- React component that catches and displays errors in the component tree.
- Context, Provider
- Redux
- Dispatch
- Export default vs export
- Function component
- Higher Order Components
- A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.
- Pure Components
- It implements shouldComponentUpdate with a shallow props and state comparison. So it does not re-render until state and props values are changed
- Create function component as pure component export default memo(Component);
- Flux architecture
- https://medium.com/@sidathasiri/flux-and-redux-f6c9560997d7
- Hermes
- Is javascript new JS Engine