| Topic | Question | | ----------------------- |------------------------------------------------------------------------------------------------------------------------| | |

Basic

React Props

Life Cycle

React State

React Hooks

Type of Components

Fragment

| | | React Fragment| | |

Refs and the DOM

| | | Refs and the DOM| | | When to Use Refs| | | Creating Refs| | | Accessing Refs| | | Use Callback on Image Load with Ref| | |

React Portals

| | | React Portals| | | Usage of Portals| | |

React Route

| | | Familiar with Various React Router Libraries| | | How to Not Navigation with React Router| | | Three (3) Types of Router| | |

Context API

| | | Understand Context API| | | Referencing Context in Stateless Functional Components| | | Redux vs Context API| | |

Performance

| | | | Use of react-addons-perf | | | What are the tricks we can use to optimize react app? | | |

Miscellaneous

| | | React vs ReactDOM| | | How to Prevent from re-rendering?| | | When to Use Component Instead of PureComponent?| | | How can we avoid Props Drilling in React?| | | What is the render props?| | | React Unit Tests vs Integration Tests for Components?| | | Migration from Class to Function Component|

| Topic | Question | |--------------|----------| | |

Hoisting

Closure

Prototypes and Inheritance

Coercion

Class

JavaScript this keyword

Immediately Invoked Function Expression (IIFE)

Event Loop

JavaScript Reactivity

Miscellaneous

| Topic | Question | |------------------------|----------| | Configure git | | | | Git config file locations | | | Configure user's name & email | | | Other config commands | | Branching | | | | Common references and terminology | | | Create new branch | | | Delete branch | | | Quick switch back to previous branch/commit-sha/references etc. | | | Branch listing | | | Rename a branch | | | Track a new branch | | Essential Git Commands | | | | Git Add | | Git Commit | | Git Amend | | Git Pull | | Git Push | | Git Merge | Checkout | | | | Checkout forward/backward | | Cherry Pick | | | | Cherry Pick | | Stashing | | | | Stashing | | Logging | | | | Logging | | Show | | | | Show - more logging | | Recovery or Reset | | | | Recovery or Reset | | | Reset using reflog | | Squash | | | | Squash | | Rebase | | | | Rebase | | | Change the author of an earlier commit | | | Change the commit message of an earlier commit | | | Reordering commits using rebase | | | Rebase options | | Working with Remotes | | | | Working with remotes | | Conflicts | | | | Conflicts | | Submodules | | | | Git Submodules | | Important operations | | | | Some important operations | | | Cleanup garbage in remote repository | | | Remove Large Files from Git History with BFG| | | Search all of git history for a String| | || | | Prune empty commits | | | Create a new WorkTree and work in parallel in the same repo (different branch) | | | Add a signed-off-by field in a commit | | | How to tell git to ignore local changes (already tracked by git)? | | | Generate a Git Hash (SHA1) for specific contents | | Tag and Releases | | | | Tag and Releases | | Fancy commands | | | | Fancy Commands | | | Quickly browse the history of files in any git repos | | Concepts | | | | Tracked vs Untrack file | | | GitHub vs Git | | | Commit Object | | | Three areas where code lives| | | Three types of git References| | | Different types of HEAD| | | The Seven Rules of a Great Git Commit Message| | | Difference between HEAD~ and HEAD^|

Vue

• What is Vue.js?
• Installing
• Known Options for Vue Instance
• Key Sentences
• For Loop
• Bind Attribute and Class Name
• Dynamic Components

• Lazy Loading Off-screen Components
• Disable Re-rendering with v-once
• Output Raw HTML with v-html Directives
• Get Event Data from the Event
• Pass Own Arguments with Event Object
• Modifying and Event with Modifiers
• Listening to Keyboard Events
• Write JavaScript Code into Template
• Using Tow Way Binding v-model="variable"
• Two Way Binding from Child to Parent
• Reacting to Changing with Computed Properties
• Dynamic Styling with CSS Classes
• Setting Styles Dynamically without CSS Classes
• Styling Elements with an Array Syntax
• Conditioning Rendering with v-if/v-else
• Alternative of v-if using \
• Use v-show if we don't want to detach element from DOM
• Rendering Lists with v-for
• Use of v-for with \
• Looping through Objects
• Looping through a Lists of Numbers
• Keeping Track of Elements When using v-for
• Access Template from Vue Module by Setting a Ref
• Mounting a Template
• VueJS instance Life Cycle
• Pass HTML Content from Parent to Child Using \
• How Directives Works
• HTML5 History Mode
• Difference Between v-model and v-bind
• Vuex
• Service Worker Caching Config - Progressive Web App
• Toggling Similar Elements
• Vue Observable - Alternate to Vuex
• Vue Router has 3 Types of Guards
• Vue Filters

• Mixin
• Vue Cheat Sheets
• Vuex Cheat Sheets
• Shortcuts
• Initial Render
• Virtual DOM
• Runtime + Compiler vs. Runtime-only
• Compile Templates in Client Manually
• Reactivity in Depth

• Parent-child Communication

Node

Angular

Gulp

Unit Testing

Docker

• Docker Install (latest or a specific version)
• Run docker as daemon
• Remove all containers
• Remove all images
• Run an image
• print log of a container
• Exec a container
• Run image with binding port