Divjot Singh bogas04

HOW TO ACE A SYSTEMS DESIGN INTERVIEW

Compiler design dependency comic, originally from http://www.xkcd.com/754/ Comic courtesy of XKCD, via Creative Commons License

One interview that candidates often struggle with is the systems design interview. Even if you know your algorithms and write clean code, that code needs to run on a computer somewhere—and then things quickly get complicated. A truly unbelievable amount of complexity lies beneath something as simple as visiting Google in your browser. While most of that complexity is abstracted away from the end user, as a system designer you have to face it head on, and the more you can handle, the better.

We’re looking for generalists with depth—people who are good at most things, and great at some. If systems design isn’t your strength, that’s okay, but you should at least be able to talk and reason competently about a complex system.

Read on to learn about what we’re looking for and how you can prepare.

So you bought a ColorOS powered phone (Oppo/Realme) and aren't liking the decisions made by OS.

Launcher

I use Customized Pixel Launcher which allows me to hide apps from App Drawer and get notification drawer by swiping down on homescreen. That pretty much makes the phone look like stock android.

Bloatware Apps

The second thing you would want to do is uninstall useless apps that can't be disabled.

Vim without NERD tree or CtrlP

I used to use NERD tree for quite a while, then switched to CtrlP for something a little more lightweight. My setup now includes zero file browser or tree view, and instead uses native Vim fuzzy search and auto-directory switching.

Fuzzy Search

There is a super sweet feature in Vim whereby you can fuzzy find your files using **/*, e.g.:

:vs **/*<partial file name><Tab>

New Features
Dist Files Adjustments
[email protected]
JSX Improvements
vue-server-renderer
vue-template-compiler
Fixed

New Features

Looking for support tables for HTML/CSS/JavaScript features or details on their implementation status in major browsers?

Chrome Platform Status (covers Chromium and thus includes Opera)
Firefox Platform Status
Microsoft Edge Platform Status
WebKit Feature Status
API Catalog

And then there’s Can I use…?.

React component

A quick shell script function to create a directory following react-style-guide

# React component
rc () { 
mkdir $1;
touch "$1/index.js";
echo "import React, { Component } from 'react';

	import { h, Component } from 'preact';
	import Markup from 'preact-markup';
	import register from './preact-custom-element';

	// just a proxy component: WC -> Preact -> WC
	const A = () => <x-b foo="initial foo from <x-a>" />;

	// stateful component that can re-render
	class B extends Component {
	render(props, state) {

	var webpack = require('webpack');
	var HtmlWebpackPlugin = require('html-webpack-plugin');
	var path = require('path');
	var folders = {
	APP: path.resolve(__dirname, '../app'),
	BUILD: path.resolve(__dirname, '../build'),
	BOWER: path.resolve(__dirname, '../bower_components'),
	NPM: path.resolve(__dirname, '../node_modules')
	};

	# prompt color and format variables

	# A color init string consists of one or more of the following numeric codes:
	# * Attribute codes:
	# 00=none 01=bold 04=underscore 05=blink 07=reverse 08=concealed
	# * Text color codes:
	# 30=black 31=red 32=green 33=yellow 34=blue 35=magenta 36=cyan 37=white
	# * Background color codes:
	# 40=black 41=red 42=green 43=yellow 44=blue 45=magenta 46=cyan 47=white
	# * Extended color codes for terminals that support more than 16 colors:

	#!/bin/bash

	# https://gist.github.com/robwierzbowski/5430952/
	# Create and push to a new github repo from the command line.
	# Grabs sensible defaults from the containing folder and `.gitconfig`.
	# Refinements welcome.

	# Gather constant vars
	CURRENTDIR=${PWD##*/}
	GITHUBUSER=$(git config github.user)