Alfred Workflows are 🔥 [Week in Review - Week 23/20]
Tags: alfredapp, macos, alfredworkflows
Published: 2020-06-07 15:21:10

Hello 👋🏻.

Welcome to my "Week in Review" series. Each week I'm going to share what I discovered, learned, and tested with you. This series will be my own digital garden one day. Let's sow some seeds and jump right into the review.

---

Last week I skipped my weekly review. I took a week off and enjoyed the time with my friends and family. So this week will contain more links than usual. Let's look at the highlights first.

## Highlights

![I reached 1 Mio. Impressions on Twitter! AMAZING. Thank you all!](https://dev-to-uploads.s3.amazonaws.com/i/vo1bixmzumvbf1whijz2.png)

For the first time ever, [I reached 1 Mio. Impressions on Twitter](https://twitter.com/natterstefan)! AMAZING. Thank you all!

[Alfred](alfredapp.com) is finally improving my workflow on my Macbook. Why did I wait that long... It is very helpful and some [workflows](https://www.alfredapp.com/workflows/) are just amazing. My installed workflows are listed below.

Besides playing around with my new favorite app, I got in touch with [Recoil](https://github.com/facebookexperimental/Recoil). It is a promising experimental state management library for React apps. [Jack Herrington posted a video on YouTube](https://www.youtube.com/watch?v=aHA581Mp2Mo) (besides [one about Deno](https://twitter.com/jherr/status/1265322581449535488)) about it. Watch it to get to know Recoil.

I had to update and optimize my backup and update scripts for my [Unifi-PiHole network setup this week (German article)](https://medium.com/@natterstefan/mit-dem-pi-hole-einen-werbeblocker-f%C3%BCr-das-gesamte-lokale-netz-einrichten-und-mit-unifi-access-5f087a13ff5a). Some shell commands are still confusing to me so [explainshell.com](https://explainshell.com/), besides [shellcheck](https://www.shellcheck.net/) for linting, was very helpful.

[Spectacle](https://www.spectacleapp.com/) was one of my most-used apps on macOS. When I switched from Windows to macOS I instantly missed shortcuts for resizing and moving windows. Spectacle solved the problem for me. Because it is [not maintained anymore](https://github.com/eczarny/spectacle#important-note) I had to find an alternative: [Rectangle](https://rectangleapp.com/) (there is another one called [Magnet](https://magnet.crowdcafe.com/), but I did not test it). It is even better because it has snap areas!

Adding tracking (e.g. with [Google Tag Manager](https://tagmanager.google.com/)) to React apps can be a challenging task. Luckily a friend of mine, [Lukas](https://twitter.com/lukasender) found [react-tracking from the New York Times](https://github.com/nytimes/react-tracking). We are going to add it to our current projects! I'm curious if it works out well. Here is an [example on codesandbox](https://codesandbox.io/s/react-tracking-example-hrbwe). What do you use for tracking in React apps? Let me know in the comments below, please.

{% twitter 1268457938265485312 %}

My tweet about clipboard managers was the most interesting of my tweets this week. After reading through the comments I wanted to test [Paste](https://pasteapp.io/) first, but then decided to give Alfred a try - and as mentioned above it was the perfect choise (for me). Other people mentioned these tools: [CopyClip](https://apps.apple.com/us/app/copyclip-clipboard-history/id595191960?mt=12), [FlyCut](https://github.com/TermiT/Flycut), [CopyQ](https://hluk.github.io/CopyQ/), [Pastebot](https://tapbots.com/pastebot/), [Maccy](https://maccy.app/) and [Clipy](https://github.com/Clipy/Clipy). Maccy would be my Alfred alternative.

## ⛓ Links of the Week

- Next time you are looking for music for your video take a look at [Jamendo](https://www.jamendo.com/explore/playlists). They offer free music for personal entertainment and various licenses for projects or businesses.
- [Masonry layouts](https://www.sitepoint.com/understanding-masonry-layout) are still highly coveted (e.g. [Pinterest](https://pinterest.com/) has one) and here is a great React component for you: [react-masonry-css](https://github.com/paulcollett/react-masonry-css).
- Quickly run JavaScript with [RunJS](https://runjs.dev/).
- Alexander suggested [DaisyDisk](https://daisydiskapp.com/) when he answered my [question on Twitter which apps are a must-have on macOS](https://twitter.com/alex_s_/status/1268212024598765570). With DaisyDisk you can analyze disk usage and free up disk space on Mac. I cleared more than 30+ GB. YES!
- Are you looking for a fast, privacy-focused commenting platform then [commento](https://commento.io/) is for you.
- [Shortcut Detective](https://www.irradiatedsoftware.com/labs/) finds applications handling global shortcuts.
- [SetApp](https://setapp.com/how-it-works): "Setapp is a desktop suite with a collection of Mac apps inside, like a portable Launchpad. With a Setapp membership, all of these apps are yours."
- [Nick Alico](https://twitter.com/nickalico/status/1268248801925529610) suggested [Yoink for Mac](https://eternalstorms.at/yoink/mac/) ("Simplify and improve drag and drop on your Mac
and speed up your daily workflow.") as another must-have app for macOS. I have not tested it, but want to. It looks pretty promising.
- We have created our own closed-software package for Google Maps at [Lovely Systems](https://www.lovelysystems.com/), but [google-map-react](https://www.npmjs.com/package/google-map-react
) looks promising.
- [quickref.dev](https://quickref.dev/): Experimental search engine for developers (thanks [Catalin](https://dev.to/catalinmpit))
- In our last company review session, I mentioned the [page visibility API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API). "The Page Visibility API provides events you can watch for to know when a document becomes visible or hidden, as well as features to look at the current visibility state of the page.", according to MDN. It can improve the user experience. You could postpone fetching updates on your news site when the tab is inactive to save bandwidth for instance. Check out [this article](https://blog.sethcorker.com/harnessing-the-page-visibility-api-with-react/) and [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) when thinking about integrating it in your React app.
- [Using DataLoader to batch API requests](https://dev.to/colloque/using-dataloader-to-batch-api-requests-3f5l)
- [responsive data tables](https://css-tricks.com/responsive-data-tables/)
- [quotefancy.com](https://quotefancy.com) - We're on a mission of turning inspiring quotes into beautiful wallpapers

## Alfred Workflows

I am new to Alfred, but instantly hooked! Within 10 minutes of using it, I bought the [Mega Supporter pack](https://www.alfredapp.com/powerpack/). Workflows are awesome! Here are a few workflows I installed:

- [Alfred Spotify Mini Player](https://alfred-spotify-mini-player.com/)
  - Alternative: [citelao/Spotify-for-Alfred](https://github.com/citelao/Spotify-for-Alfred)
- [Unicode Symbols Search](https://github.com/bevesce/unicode-symbols-search)
- [Shorten URL](https://www.alfredforum.com/topic/935-workflowshorten-url-support-googl-bitly-tcn-jmp-isgd-vgd/): with goo.gl, bit.ly, t.cn, j.mp, is.gd, or v.gd
  - if you want to use your existing bitly account, use [alfred-bitly](https://www.packal.org/workflow/alfred-bitly) or [liannario/alfred-bitly-shortener](https://github.com/liannario/alfred-bitly-shortener) instead.
- [Refresh WiFi](https://www.packal.org/workflow/refresh-wifi)
- [GitHub Repos](https://github.com/edgarjs/alfred-github-repos): easily open Github repositories
  - or [willfarrell/alfred-github-workflow](https://www.alfredforum.com/topic/3194-github-workflow-yeah-another-one-but-with-more-security/)
- [Stackoverflow Search](https://www.packal.org/workflow/stackoverflow-search)
- [Movie and TV Search](https://www.alfredforum.com/topic/5355-movie-and-tv-show-search/)
- [Strong Password](http://www.packal.org/workflow/strongpassword)
- [Alfred Convert](https://github.com/deanishe/alfred-convert): Convert between different units 
- [Battery](https://www.alfredforum.com/topic/1211-battery-view-summary-stats-about-your-laptop-battery/): view summary stats about your laptop battery
- [Date](https://www.alfredforum.com/topic/1663-display-and-calculate-with-current-date-and-time/): Display and calculate with current date and time
- [Alfred VPN](https://github.com/stve/alfred-vpn): connect and disconnect to a VPN
- [Alfred Kill](https://github.com/SamVerschueren/alfred-fkill): kill a selected process on your macOS
- [Network Info](https://www.packal.org/workflow/network-info): display local & global IP address and other network details
- [Network Tools](https://github.com/fniephaus/alfred-network): Collection of some useful network commands
- [Random Mac](https://www.packal.org/workflow/random-mac): Generates and applies a new MAC address to en0.
- [Alfred Currency](https://github.com/sqren/alfred-currency): get exchange rates from [exchangeratesapi.io](https://exchangeratesapi.io).
- [Lorem Ipsum](https://github.com/raarellano/alfred-lorem-ipsum-workflow): easily create a Lorem Ipsum text
- [Join Zoom Meeting](https://www.packal.org/workflow/join-zoom-meeting)
- [Philips Hue Controller](https://github.com/benknight/hue-alfred-workflow)
- [shush](https://github.com/dpskvn/alfred-shush): Alfred workflow for muting your microphone
- [Countdown-Timer](https://github.com/dbader/alfred-countdown-timer)
  - or [Simple Timer](https://www.packal.org/workflow/simple-timer), but you need to fix this workflow with [Fixum](https://github.com/deanishe/alfred-fixum)
- [caniuse](https://github.com/zenorocha/alfred-workflows/tree/master/caniuse): Search for browser compatibility support of HTML5, CSS3 and more using caniuse.com
- [TemporaryEmail](https://github.com/vitorgalvao/alfred-workflows/tree/master/TemporaryEmail): Create temporary email inboxes via Teleosaurs Mail. You need to [do this](https://github.com/vitorgalvao/alfred-workflows/issues/97#issuecomment-558858397) the first time you start this workflow.
- [Faker](https://github.com/zenorocha/alfred-workflows/tree/master/faker): Generate fake data such as name, email address, credit card number, etc.
- [Toggl](https://github.com/jason0x43/alfred-toggl): Alfred Workflow for interacting with the Toggl time tracking service. You need to [do this](https://github.com/jason0x43/alfred-toggl/issues/55) the first time you start this workflow.
- [Colors](https://www.packal.org/workflow/colors): Color tools for developers (suggested by [@WellBrained](https://twitter.com/WellBrained/status/1269919239529476096?s=20)). Similar to Toggl and TemporaryEmail, you have to fix the Error popup first when launching the workflow.

You can find plenty of Workflows on [packal.org](https://www.packal.org/), but also on GitHub (e.g. [ctwise/alfred-workflows](https://github.com/ctwise/alfred-workflows), [zenorocha/alfred-workflows](https://github.com/zenorocha/alfred-workflows), [derimagia/awesome-alfred-workflows](https://github.com/derimagia/awesome-alfred-workflows), or [vitorgalvao/alfred-workflows](https://github.com/vitorgalvao/alfred-workflows). Especially the last one is great and up to date).

## Bookmarked Tweets

{% twitter 1268262461087649798 %}
{% twitter 1266719489304993792 %}
{% twitter 1266679606658072576 %}
{% twitter 1266669316201746432 %}
{% twitter 1264854298799665152 %}

This is it for week 23/20.

See you next week - same place, same platform. 👋🏻

Thanks,
Stefan

----

Do you have tools you want to share with me? I'm always ready to try new things! Just comment below, [mention me on Twitter](https://twitter.com/natterstefan), or send me a DM. That would be awesome. 🥳

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

---

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