1. Update commit message

Run this command to get into your predefined git editor with your previous commit message in focus that you can edit and then save again.

git commit --amend --no-verify

2. Update pushed commit message

To update a pushed commit you start rebasing from the commit before the commit you want change. This is tricky, although certainly possible.

git rebase -i [COMMIT_HASH]...pick my-commit-message > reword my-new-commit-message...git push --force

3. Browse entire commit history

Sometimes you want easily browse the entire git history in your code editor or IDE. Run one of the following commands for easily accomplishing this.

Using VSCode

git log | code -

Using Vim

git log | vim

4. Create new branch with your changes

…

I’ve been looking for a basic tutorial like this for quite some time, but I haven’t found one. I eventually figured out how to set up everything on my own, so I thought I could share it here. I’m not going to go over the benefits or anything with Typescript in this tutoria, but I am going to also show you how to additionally get set up with Eslint and Prettier as well, since it’s the way I think you should do it. But it comes later, so don’t worry about it now.

Part 1: Setting up Express with Typescript

1. Install dependencies

npm install express && npm install --save-dev…

So, you want to take your React components to the next level? Implementing animations can greatly improve the customer experience and make your app feel more professional. Animations are one of many ways to accomplish this. In this article, I want to go through how you can easily animate your React components using framer-motion.

How to get started

To set up your project to use framer-motion you can simply install it by using your JavaScript package managers like NPM or Yarn. Run any of the following commands inside of your React.js project and you will be ready to go.

$ npm install framer-motion$…

I work as a fullstack web developer at a scale up company in Sweden. At this time I was managing the website for the company, built in React and Typescript. After a deploy one day we realised we had broke the style completely of one page on our website. We rolled back, fixed it, and deployed again.

This happened a couple of times, and it started to become rather annoying. I wanted a way to quickly be able to inspect all pages of the website in just a couple of clicks and catch any design regressions. Earlier that year I…

Do you want a cohesive framework for building beautiful and accessible applications inside of your organization? Building a component library using React can greatly lower the barrier for your non-frontend colleagues to build web and mobile apps that not only works, but look as good as everything else.

Setting up the project

Building component libraries used to be a real hassle just a couple of years back. Now though, you can simply use pre-built templates for getting started in no-time. Just as you use something like create-react-app for creating full-fledged React applications, you can use create-react-library for creating React component libraries.

To get started…

Run Spotify in your terminal application instead of managing a tab in the browser or a resource-hungry desktop application. Follow the simple steps and you will be up and running in no-time.

Disclaimers

This tutorial is mainly focused on how to get Spotify working in the terminal on Mac OS machines. For Linux and Windows, please see the official documentation for spotifyd and spotify-tui.

• You need to have a Spotify premium account for this to properly work.

Installation

spotifyd

Installation for Mac OS is easiest done through Homebrew. …

A story about the Bullet Journal method

What works for one person, might not at all work for another. That’s important in this story. This blog post is about me, about my experiences, and about how the Bullet journal technique saved my live and improved it in many ways.

First, let’s turn back the clock a couple of years. At this time I worked as a junior designer at a startup called Wopify. Here, my goal was to redesign a web platform that they really wanted to have as their main product. This was a lot for me. I was…