Tooling

Learn about the most efficient tools used by react developers and today's modern technology.

How To Write A Better React Code – 9 Tricks

If you want to write a better React code, you should always remember what Ernest Hemingway said: “The first draft of anything is shit” And even if this guy had nothing to do with React development, or even Commodore, he knew exactly that the first creative act, is almost always, not “well-thought-out” and hard to […]

What is PassportJS And How To Integrate It?

Let’s check the official definition of PassportJS: “Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.” So basically PassportJS manages session user for us and gives us […]

VS Code Shortcuts for Mac/Windows/Linux

VS Code is a free and simple source code editor with powerful developer tooling, like IntelliSense code completion and debugging, and learning the shortcuts of it will tremendously elevate your work. I already wrote an article about “VS Code Tricks – How To Work Faster”, but then I also found an extremely helpful list of […]

VSCode Tricks – How To Work Faster

VSCode is a free and simple source code editor with powerful developer tooling, like IntelliSense code completion and debugging and learning a few tricks can tremendously improve your work. Let’s have a look at a few of them that we can use to make our development faster and more pleasant. As I’m working on Mac […]

Introduction To Styled-Components

You are living in interesting times, especially if you are Frontend Developer. There are plenty of methodologies which you can use for styling your application such as React development. This JavaScript library added its own block to support the CSS-in-JS approach by default. This started an interesting battle for the best CSS-in-JS library and one […]

Let and Var: Differences

Introduction With the introduction of a new standard of JavaScript code writing – ECMAScript 6 (ES6) – new structures responsible for variable declaration appeared. I am talking about the let and const instructions. Even before the introduction of ES6, we had to choose only the var instruction. Beginners often find it difficult to understand the […]

Autocomplete Git Commands and Branch Names

In a terminal on Mac OS X, you can use [TAB] to autocomplete file names and file paths. Wouldn’t it be nice if you could do the same with git commands and branch names? Step 1: Get git-completion script Get the git-completion.bash script and put it in your home directory: Step 2: Update .bash_profile Make […]

How To Test Code Before Pushing To The Repository

Are you truly ready to push your code to repository? Or you still thinking on how to test it before? tl;dr it is good to test the code before pushing to the repo, you can setup automatic testing with GIT Hooks, but it is complicated, there is a really easy way for testing before committing […]

AMP boilerplate with SASS, Gulp and BrowserSync

Why you need another AMP Boilerplate? AMP boilerplate can help you solve many problems when creating an AMP Project: You have to write vanilla CSS No support for preprocessors No support for linking CSS from external files There is no official SASS boilerplate for AMP Step 1: initialize npm The project will be based on […]