Updated Feb 2020 My The Ultimate Atom Editor Setup (+for JS/React) post is pretty popular, but not long ago I migrated to VSCode. Why? Speed, stability and TypeScript. Overall, I’m very happy with the switch. As with Atom, for me, out-of-the-box the editor has a lot of missing functionality. …

A list of really awesome tools I use every day to increase my productivity. Part 1 / Part 2. 1. Octotree (github.com/buunguyen/octotree) [Browser extension] Browser extension (Chrome, Firefox, Opera and Safari) to show a code tree on GitHub. Awesome for exploring project source without having to pull every single repository to your machine. 2. OctoLinker (octolinker.github.io) [Browser extension] Navigate through…

After years of perfecting my Sublime Text setup, I’ve decided to give Atom a chance. It took a couple of months, and I’m very proud of the setup I got. I feel super productive. I divided this list into Utilities and JS/React specific packages. Default keybindings are also mentioned. TL;DR…

A bunch of keyboard shortcuts and configuration for macOS I use extensively. ⌘ = Command | ⌥ = Option/Alt | ⇧ = Shift | ⌃ = Control ⌃+fn+F7 — hit this once, to globally enable Tab key focus on all controls in dialogs/preferences screens. …

MobX/Redux’s Provider must get only a single child because it only renders this.props.children, and React doesn’t handle multiple objects returned from render. DevTools (MobX/Redux) are usually rendered at the top level component, but in case that top level component renders a router, it needs another element (e.g. div) to wrap everything. This is not always wanted. However, using a portal removes the need for the extra div:

My personal experience with web development, catching up with tools, libraries, frameworks, and fad fashions includes many list items. Each year introduced “the next big thing” and I got addicted to trying and adopting technologies. And yet, I try not to forget to build things in between. 1999 OS: Windows ’98…

A list of really awesome tools I use every day to increase my productivity. Part 1 is here Choosy (choosyosx.com) [OS X] There are too many browsers, and yet, I use each one for different purpose. Safari and Chrome for leisure and reading, Chrome Canary for development, Firefox for testing. I realized I pass…

A list of really awesome tools I use every day to increase my productivity. Kifi (kifi.com) Update: Kifi shut down, but Refind is a very similar product that contains the features described here. Kifi revolves around bookmarking, search, and collaboration. In its core, Kifi is a Chrome Extension that lets you keep…