Manage your Chrome tabs like a Pro with Workona [Week 34/20 in Review]
Tags: chrome, javascript, react, books
Published: 2020-08-25 17:49:41

---
canonical_url: https://blog.natterstefan.me/manage-your-chrome-tabs-like-a-pro-with-workona-week-3420-in-review
---

_If you like my [articles](https://dev.to/natterstefan), you probably like my [tweets](https://twitter.com/natterstefan) and [newsletter](https://newsletter.natterstefan.me/) too. Let's connect on [_LinkedIn_](http://www.linkedin.com/in/natterstefan). 🚀_

---

Hello 👋🏻.

Welcome to my "Week in Review" series. Each week I will share what I discovered, learned, and tested with you.

In the past, I have tried many apps to manage my tabs in Chrome and to get my collection of countless open tabs under control. Unfortunately, none of the solutions were sustainable for me. Except for my current and hopefully for the time being the last attempt with [Workona](https://workona.com/?utm_campaign=natterstefan.me). In this issue of the "Week in Review" series, I show you how I have optimized my workflow in Chrome.

---

## Highlights

Last week I asked my community which email client they use. I got a lot of answers. A few e-mail clients were mentioned again and again, including [Proton](https://proton.me/?utm_campaign=natterstefan.me) (previously Proton Mail), [TwoBird](https://www.twobird.com/?utm_campaign=natterstefan.me), [Superhuman](https://superhuman.com/?utm_campaign=natterstefan.me), and [Spark](https://sparkmailapp.com/?utm_campaign=natterstefan.me). I have tried a few email clients in the past but always came back to Gmail (mobile and desktop). **Which client do you use?**

{% twitter 1295977160424017921 %}

Another highlight for me was the [release of TypeScript 4.0](https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/). Especially [`--incremental` with `--noEmit` ](https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/#noemit-and-incremental), and [`/** @deprecated */`](https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/#deprecated-support) features are interesting to me. Do you use TypeScript in your projects?

---

## Workona

![Workona](https://dev-to-uploads.s3.amazonaws.com/i/akm1ehl094ayzwed9p78.gif)
_(Source: [workona.com](https://workona.com/?utm_campaign=natterstefan.me))_

How do you manage your Tabs in Chrome? How do you improve your battery life by suspending unused and old open tabs? Do you use [The Great Suspender](https://chrome.google.com/webstore/detail/the-great-suspender/klbibkeccnjlkjkiokjodocebajanakg?hl=de) and [OneTab](https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=de)? Then you are like me _before_ I found [Workona](https://workona.com/?utm_campaign=natterstefan.me). Let me show you why I like Workona so much.

I am an open tab collector. I open lots of tabs on my phone and on my Macbook on a daily basis. Long story short: I get lost. I mix work, social media, private, and research related tabs way too easily. It was about time I find a solution to this situation.

Luckily I found this tweet proposing a solution to Kevin Kwok, who just lost thousands of tabs in OneTab.

{% twitter 1281769157894127616 %}

I went to Workona’s page and was convinced almost immediately. It combines the most loved features of OneTab, The Great Suspender, and other extensions in one app. You can organize your tabs in multiple workspaces (e.g. one for work, one for social media, ...), share workspaces with your team, and suspend tabs easily.

Workona's strength lies in the workspaces. You can think of a workspace as an independent theme (e.g. work). In this theme, you have all currently open tabs and blocks. Blocks contain a list of saved links. You can have and manage several blocks within a workspace.

Let's take a look at this using the workspace Social Media. In this workspace, I have 2 blocks: "Twitter" and "Misc. "Twitter" contains the most important links for Twitter for me. These are for example tools, chats, the Twitter Analytics page. "Misc." contains among others Reddit and YouTube.

By clicking on "Open all" I can quickly open all links of a block and close them just as quickly. This has made my workflow much easier and improved.

Similar to the Great Suspender, Workona suspends tabs. For this purpose, a certain number of maximum active tabs can be defined. If you have more tabs open Workona starts to suspend them.

Quickly switch between topics has never been easier.

_Let me know what you think about Workona, if you try it._

## 📗 Books

I currently read ["We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander](https://amzn.to/3kRLadF).

Do you summarise the books you read? This is something I pay more attention to at the moment. This [ultimate guide](https://fortelabs.co/blog/the-ultimate-guide-to-summarizing-books/?utm_campaign=natterstefan.me) gave me a few tips and tricks to help me along the way.

_What are you reading? Share your recommendations in the comments below. 🙏🏻_

## ⛓ Links of the Week

- Last week I had an interesting call with [Kilian Valkhof](https://twitter.com/kilianvalkhof) founder of [Polypane](https://polypane.app/?utm_campaign=natterstefan.me). Wow, I am still fascinated by what his product can do. It shows you your website simultaneously on several devices. So you can see at a glance how users with different screen sizes see your site. Polypane equips you with a variety of tools. These include filters for people with visual impairments, daylight simulator, thumb reach, and much more. Try it out and be amazed!
- So I was all the happier when I discovered [emailregex.com](https://emailregex.com/?utm_campaign=natterstefan.me). They state that their RegEx covers 99.99% of email cases. But not only that, but they also have RegEx for URLs, IP addresses, and phone numbers. Furthermore, the [Regex Visualizer](https://emailregex.com/regex-visual-tester/index.html?utm_campaign=natterstefan.me) helps to understand a RegEx better (another great site is [regex101](https://regex101.com/?utm_campaign=natterstefan.me)). I have never seen my RegEx like this before. You have to try it.
- Instantly play "Bazinga" and other sounds with [myinstants.com](https://www.myinstants.com?utm_campaign=natterstefan.me).
- [Baremetrics](https://baremetrics.com/open-benchmarks?utm_campaign=natterstefan.me) has put together interesting benchmarks (e.g. average revenue per user) from over 800 startups.
- Pull to Refresh is a nice to have feature not only in your native apps but also in your web apps. Here are [two](https://codesandbox.io/s/k201n2o2r) [examples](https://codepen.io/Vijit_Ail/pen/pmbypw) for your next project.
- Do you know [when to use `noopener`, `noreferrer`, and `nofollow`](https://blog.bhanuteja.dev/noopener-noreferrer-and-nofollow-when-to-use-them-how-can-these-prevent-phishing-attacks-ckdzyjvqa0057des1hyyo3sfy?utm_campaign=natterstefan.me)?
- Next time you need to render a hexagonal grid with React, check out these two open source solutions: [react-hexagon](https://github.com/rexxars/react-hexagon) and [reacht-hexgrid](https://github.com/Hellenic/react-hexgrid).
- If you want to build your own hexagon grid, you should read this [ultimate and comprehensive article](https://www.redblobgames.com/grids/hexagons/). It covers different approaches, formulas, and algorithms.
- [BlitzJS](https://blitzjs.com/?utm_campaign=natterstefan.me) looks very promising and promises great things. The website says big and bold "Makes you far more productive than you ever dreamed was possible 😉". BlitzJS is still in alpha and I haven't had time to try it out yet. But, hopefully, this should change soon. Have you already tried it? Please let me know.
- In [one of our projects](https://www.lovelysystems.com/) our designers found this interesting [Bubble Layout](https://codepen.io/sol0mka/pen/yNOage) on CodePen. Looks like a very sophisticated solution and interesting user interface. Based on this idea we created our own implementation in the project.
- If you are lucky and you do not have to support Internet Explorer, you can use a CSS rule I found last week: [`clamp()`](https://developer.mozilla.org/en-US/docs/Web/CSS/clamp). Similar to the [Fluid Typography](https://css-tricks.com/snippets/css/fluid-typography/) solution it allows you to dynamically grow a font-size between a defined min and max range.
- [`Promise.all`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all) is helpful when working with a list of promises but it has one catch: it rejects immediately when one promise rejects, regardless if there are promises left. Lucky for non-IE developers, there is a solution [`Promise.allSettled`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled). You get an array of outcomes including rejected and resolved promises.
- [Do not call a React function component](https://kentcdodds.com/blog/dont-call-a-react-function-component?utm_campaign=natterstefan.me)!
- Do you know the result of `~~(1.25*3)` in JavaScript ([solution](https://jsfiddle.net/natterstefan/vtgejzp2/))?

##  🐦 Tweets of the Week

{% twitter 1295609682321604608 %}
{% twitter 1295057579681501196 %}
{% twitter 1297028799897403392 %}
{% twitter 1297151580979056641 %}
{% twitter 1296447318074568704 %}
{% twitter 1296124916714991617 %}
{% twitter 1295782167977615361 %}
{% twitter 1295964325262381056 %}
{% twitter 1295790064400703488 %}
{% twitter 1295401134354567169 %}

This is it for week 34/2020.

See you next week - thank you. 👋🏻

Stefan

---

_If you like this article, chances are you will like my [newsletter](https://newsletter.natterstefan.me/) too. 🚀_

Let's stay connected on [_Twitter_](https://twitter.com/natterstefan), [_LinkedIn_](http://www.linkedin.com/in/natterstefan), and [_GitHub_](https://github.com/natterstefan).

_You can [buy me a coffee](https://www.buymeacoffee.com/natterstefan) or support my work on [Patreon](https://www.patreon.com/natterstefan) too if you want._

---

_This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article._