I take my notes in Notion and Roam Research, and you?  [Week 29/2020 in Review]
Tags: notion, roamresearch, react, vpn
Published: 2020-07-21 04:55:22

_If you like this article, chances are you will like my tweets or [newsletters](https://newsletter.natterstefan.me/) too. If you are curious, have a look at my [twitter profile](https://twitter.com/natterstefan). 🚀_

Hello 👋🏻.

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

Let's jump right into it.

---

## Highlights

I landed another well-performing tweet. This one got me lots of likes, attention, and even some followers.

{% twitter 1283634141892956160 %}

Besides that, I got to know some more people from the German-Speaking countries Austria, Germany, Liechtenstein, and Switzerland.

{% twitter 1282689734607876104 %}

Have you seen [debuild.co](https://debuild.co/) in your feed last week? This website is incredible! [The video](https://www.reddit.com/r/blackmagicfuckery/comments/ht89b1/a_website_that_does_programming_for_you_just_by/) that was posted on Reddit is just insane! Go check it out. I am sure you wanna play with the website afterward (thanks to Cyris for [sharing it on Twitter](https://twitter.com/sudo_overflow/status/1284380190802509826)).

## How I take Notes

Taking notes is an essential task for me (e.g. when organizing my work, or preserving the important pieces of new topics). I must use a proper tool for this task. That is why I tried a lot of tools in the past to find one that matches as many of my needs as possible. Because managing notes and creating a knowledge database can be a time-consuming (sometimes frustrating), and complex task. Here are a few of the tools I tried:

- [Evernote](https://evernote.com/)
- [MediaWiki](https://www.mediawiki.org/wiki/MediaWiki)
- [Bear](https://bear.app/)
- Apple's notes app
- [Roam Research](https://roamresearch.com/)
- and [Notion](https://www.notion.so/login)

### Notion

Notion is great. You can do a lot with it! Taking notes obviously and organizing meetings, product launches, Kanban or Scrum teams, and much more. Notion even has its public [Template Gallery](https://www.notion.so/Notion-Template-Gallery-181e961aeb5c4ee6915307c0dfd5156d).

Notes are clustered in workspaces. Each workspace has sub-workspaces again. For instance, I have my own personal workspace "Stefan" with "Work" and "Private" sub-workspaces. Each of those sub-workspaces contains pages, tables, boards, lists, calendars, and galleries. A note lives in a note lives in a note and so on. With this structure and flexibility, the possibilities to structure your thoughts are almost endless.

Notion is great when it comes to tables. They act as databases. You can use them for all sorts of things. Create a mini-CRM for your clients, organize your books, links, or newsletter issues. Each item in a table can be linked to other tables and pages and so on. That is huge and helpful! Another major benefit for me is the integrated markdown support. Content can be formatted with Markdown. That is very convenient when you are already used to Markdown.

### Roam Research

Roam is different. The goal is not only to create notes but also to link the contents with each other to create your knowledge graph. This is not only powerful but also the way humans think. We process interconnected ideas, thoughts, and notes in our heads to articulate our thoughts and learn. 

The graph of information is THE feature of Roam. In Notion, you connect pages with links. Similarly, when you link an article to another one on the web. When you want to see how things are connected you need to either have a good structure in your workspace or follow the links. You do not get an overall overview of how information is connected. A big plus of Roam Research.

Roam offers two pricing plans right now. Go to their website to [find out more](https://roamresearch.com/).

Nonetheless, I have used Roam only a few times and very inconsistently. I cannot say more about it, except that the biggest advantage for me was the knowledge-graph like overview you get. This can be super handy when looking up something months after you have taken notes.

Andy Matuschak’s ["Evergreen Note Taking System"](https://www.roambrain.com/andy-matuschak-note-taking-system/) described by Joshua L. Mitchell made me thinking a lot about the way I organize my notes and thoughts with Notion. His [evergreen notes idea](https://notes.andymatuschak.org/Evergreen_notes) caught my attention. Let's see if I can apply his ideas in practice. Another great article by Nat Eliason explains the [benefits of Roam](https://www.nateliason.com/blog/roam) in excellent detail.

I will give Roam Research a try now again.

### Foam

Besides Roam, there is [Foam](https://github.com/foambubble/foam) (MIT) (thanks to Juan for [the tip](https://dev.to/juanfrank77/comment/1211i)). It is a

> personal knowledge management and sharing system inspired by Roam Research, built on Visual Studio Code and GitHub.

I am not using it yet, but I'd love to test it. I've seen [Scott Spence using it](https://twitter.com/spences10/status/1284182009905131520) and now I am curious. Do you use it or have tested it in the past? Tell me more in the comments, please.

Scott Spence's article ["My Second Brain - ZettelKasten"](https://scottspence.com/2020/07/17/my-second-brain-zettelkasten/) covers his experience with Notion, Roam, and Foam. It is worth reading.

## 📗 Currently Reading

I started reading ["Clean Code" by Robert "Uncle Bob" C. Martin](https://amzn.to/2ZoKeop) and listened to ["Thinking, Fast and Slow" written by Daniel Kahneman](https://amzn.to/2ZlCSk2) on Audible again. I am at ~70% of the book now.

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

## ⛓ Links of the Week

- Last week was all about [GitHub's new profile feature](https://dev.to/natterstefan/how-does-your-github-profile-readme-look-like-week-28-2020-in-review-4n95). It is no wonder that many developers release tools after tool creating shiny GitHub profiles. Danny Verpoort deployed a tool for [quickly creating Markdown profiles](https://dev.to/dannyverp/comment/12261) for instance.
- I started using [calendly](https://calendly.com/) again. When you got the link you can book a meeting with me without sending emails back-and-forth. That is great, isn't it?
- Galleries are popular elements on all sorts of websites. Next time you need one, take a look [blueimp's Gallery](https://github.com/blueimp/Gallery) (component for [React](https://github.com/Cosmitar/reactive-blueimp-gallery)). My friend [Lukas](https://lukasender.at/) showed me the examples last week. Compared to other image galleries (e.g. [react-image-gallery](https://www.npmjs.com/package/react-image-gallery)), this one takes care of handling vertical images out of the box. I have seen other solutions either ignoring or not properly handling different image ratios without further CSS adjustments.
- Want to start a side-project or learn new technology and need an API? Here are [10+ fun APIs to inspire your next project](https://dev.to/nialljoemaher/10-fun-api-s-to-inspire-your-next-project-3224) by Niall.
- In April 2020, Visual Studio Code got a new feature called ["Semantic token styling"](https://code.visualstudio.com/updates/v1_45#_semantic-token-styling). It allows you to customize semantic theming (e.g. parameters or declarations) in your themes. My parameters are now light grey and italic. I can easily identify them when screening my code quickly.
- Are you looking for free vector Illustrations for your project? Then you need to [check out "Ouch! Illustrations 2.0"](https://icons8.com/illustrations)! Their collection is huge!
- [The Open Graph as a Service](https://github.com/vercel/og-image) (MIT) by Vercel generate cards for Twitter, Facebook, Slack, etc. You can try it out here: [og-image.now.sh](https://og-image.now.sh/).
- Last week I had to debug a Travis build and was happy I knew how. It is actually very simple. You [run the Travis build in debug mode](https://docs.travis-ci.com/user/running-build-in-debug-mode/) and connect to it with SSH when it is ready. Now you can run your scripts and debug them until you know how to fix the issue.
- Awais caught my attention too when he shared [this tweet](https://twitter.com/MrAhmadAwais/status/1284873004921610247). Have you ever heard of [earthly.dev](https://www.earthly.dev) before? According to the [docs](https://docs.earthly.dev/) "It allows you to execute all your builds in containers. This makes them self-contained, reproducible, portable and parallel. You can use Earthly to create Docker images and artifacts (eg binaries, packages, arbitrary files)." THIS SOUNDS GREAT! Also after I had to invest time to debug a Travis build this makes me want to test earthly as soon as possible!
- Are "re-renders" actually that bad in React? This is a topic we discuss in Pull requests and reviews some times in our team. I read a comprehensive article by Kent C. Dodds covering this topic. It has the matching title ["Fix the slow render before you fix the re-render"](https://kentcdodds.com/blog/fix-the-slow-render-before-you-fix-the-re-render).
- Another aspect of how to optimize React's performance is the usage of `useCallback` and `useMemo`. When should you use it? How frequently should you use it and when does it worse than good? We have diverse points of view on our team sometimes. That is why I shared ["When to useMemo and useCallback"](https://kentcdodds.com/blog/usememo-and-usecallback/). (also by Kent C. Dodds) with my team last week. What is your opinion?
- Are you looking for an Analytics-Insights-A/B-Testing service? Then maybe [splitbee](https://splitbee.io/) is for you. Thanks to [Max Stoiber for sharing it](https://twitter.com/mxstbr/status/1282690458045554689).
- After the Twitter incident last week, the VPN topic was trending in some tweets. I had an interesting [discussion about setting and maintaining a self-hosted VPN with Arthur Davi](https://twitter.com/ArthurDav3/status/1284152471460343808). He suggested [ProtonVPN](https://protonvpn.com/) and is interested in setting up [WireGuard](https://www.wireguard.com/), like me. I need to allocate time to set this up and try it. Do you use WireGuard already, what are your thoughts about it?
- This guy [automated excuses when coming home late](https://twitter.com/berndartmueller/status/1284197426266595330).
- My friend Cyris released an interesting Alexa skill: ["Magic number"](https://twitter.com/sudo_overflow/status/1284385451248242688). I cannot install it yet (not available on amazon.de) but hopefully soon! I asked Cyris already.

## Twitter

This week I have more than just a few tweets I want to share with you. Two very inspiring friends of mine and a famous YouTube channel released their online courses about how they grew their Twitter audience and profile.

- Danny Thompson's ["HOW TO GET FOLLOWERS ON TWITTER! How I went from 0 to 30k Followers in 90 Days!"](https://gumroad.com/l/KFkhUc)
- Raf Rasenberg's ["How I Grew From 1k to 10K Followers on Twitter in Less Than 2 Months (Twitter Course)"](https://www.youtube.com/watch?v=Koo97gVVwdA)
- and ["Episode #4 - How To Use Twitter For Yourself As A Developer"](https://www.youtube.com/watch?v=2YFa6aJG1bo) from the guys of Whiskey Wednesday.
- My friend [Catalin is about to release an ebook](https://gumroad.com/a/921269363) this summer too.

Go check them out and be amazed. Thank you, guys! Speaking of twitter, famous [verified Twitter accounts got hacked](https://9to5mac.com/2020/07/15/apple-twitter-account-hacked/) last week too. Hopefully, you did not transfer some Bitcoin to the published address.

### 🐦 Tweets of the Week

I finally got my first Meme from the DML himself - and one from my friend Marc! Awesome.

{% twitter 1283763308332486657 %}
{% twitter 1284117541317677056 %}
{% twitter 1283447432425156610 %}
{% twitter 1283735846806487041 %}
{% twitter 1282663109052833798 %}
{% twitter 1282628460716974080 %}
{% twitter 1284142224104730624 %}

## 📼 Video of the Week

A good friend of mine released new songs this year and thanks to COVID-19 he cannot promote them the way he planned to. I will use my platform to share some of his songs. Here is one of them. Enjoy it and please leave a comment on YouTube! You do me and my friend a huge favor. **THANK YOU**!

{% youtube EScTzl6Y50M %}

This is it for week 29/20.

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

Thanks,
Stefan

---

_If you like this article, chances are you will like my tweets or [newsletters](https://newsletter.natterstefan.me/) too. If you are curious, have a look at my [twitter profile](https://twitter.com/natterstefan). 🚀_

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._