Csaba Palfi csabapalfi

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>

collapsible markdown?

CLICK ME

yes, even hidden code blocks!

print("hello world!")

Eric Elliott's "Master the JavaScript Interview" Series

A collection of links to the "Master the JavaScript Interview" series of medium stories by Eric Elliott.

Not part of the series but a good grounding.

Master the JavaScript Interview

Common Bugs when Learning React

The following list tries to summarize some of the things that a developer may encounter while learning React. The list focuses on scenarios that result in actual bugs (things that don't work) or things that cause warnings in the console.

using class prop instead of className (for/htmlFor, etc...)
trying to set the style prop with a string
not having a parent element or fragment
not binding (at all or incorrectly)
using the wrong lifecycle hook
misspelling componentWillReceiveProps

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

	#!/bin/bash

	set -e

	#node="/home/vagrant/nodes/iojs-v1.6.2-linux-x64/bin/iojs"
	node="/home/vagrant/nodes/node-v0.12.1-linux-x64/bin/node"
	node_flags='--perf_basic_prof'
	script='/home/vagrant/porf/single.js'
	script_log=/dev/null
	# load_generator="node test.js"

	var head = document.getElementsByTagName('head')[0];

	// Save the original method
	var insertBefore = head.insertBefore;

	// Replace it!
	head.insertBefore = function (newElement, referenceElement) {

	if (newElement.href && newElement.href.indexOf('https://fonts.googleapis.com/css?family=Roboto') === 0) {
	return;

	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.:

	import { h, Component } from 'preact';
	import { Router } from 'preact-router';

	import Header from './header';
	import Home from '../routes/home';
	import Profile from '../routes/profile';
	import NotifyChange from "./NotifyChange/index";
	// import Home from 'async!../routes/home';
	// import Profile from 'async!../routes/profile';

	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {