Latest stories

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...

Vim for JavaScript and React in 2019

In this article, I’d like to share some of the Vim plugins that will transform your Vim into an IDE for JavaScript and React (step back, VS Code!). Note: I will only talk about JavaScript-specific plugins here. For must-have general-purpose plugins see my other article. Syntax highlighting Many of the old syntax plugins for JavaScript have troubles with some modern features like arrow...

React without “this”

For some weird reason, even though React is rather functional in its philosophy (compare higher-order components and higher-order functions), they decided to use classes for components with a state. I want to stress it — the heavy classes usage in React is a mere API choice. There is nothing about React or its core values that couldn’t be represented with pure functions. But classes add up...

Recent Posts

Categories

Meta