Git tips & tricks: Fixup last commit

We will use $ git commit --amend here in different ways...

Fixup last commit whithout changing comment:

Git

$ git commit -m 'initial commit'
# added forgotten_config_file
# Do this:
$ git commit -a --amend --no-edit
U'll get only one commit with unchanged commit message and last changes ammended

ES6 Recipe: JSON.stringify Map

The keys of a Map can be anything, including objects. But JSON syntax only allows strings as keys...

Let's stringify Map instance to JSON...

TypeScript Recipe: Type Transformations in Practice

Compile-time errors are the best help to avoid mistakes during writing the code and prevent potential runtime-errors

So let's squeeze some juice from Ts Mapped types

TypeScript Recipe: Elegant Parse Boolean

There are many ways to convert String to Boolean or Number to Boolean, etc.
Here we will do it all in one and stop worry about form of boolean like parameters we receive from outside.

Lets' Convert 1 '1' and 'true' to true and 0 '0' 'false' null and undefined to false

React Recipe: Components Error Handling

This article is about the Errors Handling in React Components using TypeScript

Not handled error in any part of the UI could crash the whole application.

Error Boundaries only catch errors in the components below them in the tree.

As of React 16, errors that were not caught by any error boundary will result in unmounting of the whole React component tree.

Catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI.

Use JS error reporting services, so that you can learn about unhandled exceptions as they happen in production, and fix them.

Chasing the Trunk Based Development

A source-control branching model, where developers collaborate on code in a single branch called trunk, resist any pressure to create other long-lived development branches by employing documented techniques. They therefore avoid merge hell, do not break the build, and live happily ever after..

Release branch is typically a snapshot from trunk with an optional number of cherry picks that are developed on trunk and then pulled into the branch.

CSS Recipe: Using the Flexbox layout mode

This article is about the using the flex-box layout mode in CSS3

Flexbox is the most useful in the context of the Responsive Web Design.