Latest stories

Chrome Extensions For Web Developers In 2019


Chrome has long ago became a defacto standard for developing and testing websites not only because of its prevalence but also because of the fantastically useful DevTools and lots of handy extensions that make our lives much easy. In this article, I’d like to share some of the great Chrome extensions that I use in my work on a daily basis and can’t imagine my workflow without. Edit...

Setting Up Vim For TypeScript


TypeScript is a transpiled language that allows using types in your JavaScript code (strictly saying it’s a superset of JavaScript) and thus catching errors at compile time and making the code more reliable. Let’s see what we need for a highly-productive Vim setup for TypeScript. Syntax Highlight For syntax highlighting, I use a couple of plugins. The first one is...

Setting Up Amazon CloudFront With Rails


Recently I introduced CloudFront to my side-project Candl (a book tracking app). In this article I’d like to share why would you need it and how to implement it in a Rails project (spoiler: very easy!) What Is Amazon CloudFront? Amazon CloudFront is a CDN (content delivery network) which means it can deliver your content (images, JS scripts and CSS stylesheets, also anything else really) in...

5 Awesome Vim Plugins You May Never Have Heard About


I’ve been browsing people’s dotfiles recently and found some very cool Vim plugins which I’ve never seen before. So I thought I need to spread the word. Buftabline — buffer list that lives in the tabline Buftabline You might have heard that Vim users would rather use buffers instead of tabs, which is a more native way to work with files in Vim. To me, it was always a bit...

Converting A Stateful React Component To Function With Hooks


For a long time if we wanted to create a stateful component in React we needed to create a class and inherit it from React.Component. But dealing with classes can be a frustrating experience and contradicts the functional nature of React itself. I wrote a rant article on that before. With the release of React v16.7.0-alpha, React team proposed a way to create stateful components based on...

Awesome Command Line Tools


As a developer, I spend lot’s of time in my terminal and thus use CLI tools like git, curl,  and others quite heavily. There are several less-known tools which I can’t imagine my workflow without. They are very impressive, and I’m pretty sure you either use them already or will start using them after reading it. tldr Man pages are very useful when you need to know how to run a...

How To Run 8 Side-Projects From A Single Server For 12 EUR / mo


In this article, I want to share how I manage to run 8 side-projects (mostly written in Rails) from a single server for 12 eur / mo. First of all, why side-projects? Isn’t all this applicable to webdev in general? Of cause, it is. At least partially I guess. But things are a bit different when you have a team of 50 devs vs. 5 devs vs. just you. I’m going to focus on that last extreme...

How To Edit A Vim Macro?


I use macros (by the way this is plural of macro) pretty often in my daily workflow. There are always some tasks that you need to do quickly on a large text file, and that’s where macros shine. Sometimes though it’s not trivial to get a macro right from the first time. But do you know there’s a simple hack to modify an already recorded macro without re-recording it? First, a...

The Pipeline Operator In JavaScript


There is a very early proposal for the next version of JavaScript (aka ESNext proposal) which I’m really eager to see making it through. I’m talking about the pipeline operator “|>”. Immediately, all the guys coming from the functional world know what I’m talking about. Pipeline operator has been for some time in Elm, Elixir, and many other functional languages...

Setting up Webpack 4 and Babel 7 for React Step By Step


In this article, I’m going to quickly show how to start a new React app with Webpack 4 and Babel 7. This is going to be a no-bullshit step-by-step guide. Spoiler: it’s very easy. Create a new directory with mkdir test-react-app && cd test-react-app Init the package.json with command npm init -y (-y flag means don’t ask just create it) Install Webpack npm install webpack...

Recent Posts