React-Native key questions

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.

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
warningComments are closed.