Storybook 6.0 was released [Week 33/20 in Review]
Tags: storybook, react, javascript, hashnode
Published: 2020-08-18 06:00:49

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

![Storybook 6 was released](https://dev-to-uploads.s3.amazonaws.com/i/02rqz1qezjnme0jt2eab.gif)
(Source: https://storybook.js.org/)

[Storybook 6.0](https://medium.com/storybookjs/storybook-6-0-1e14a2071000) was released 🎉 ! This is huge in my opinion. Since we have been using Storybook, the quality of our frontend components has improved within the team. Components are developed more isolated, can be used more universally, and can be tested more easily (for example with [Cypress](https://www.cypress.io/)). If you are using Storybook 5, take a look at the [Migration Guide](https://medium.com/storybookjs/storybook-6-migration-guide-200346241bb5). I have already added a todo to my list to write a detailed article about Storybook.

Let's see what I have for you in today's issue until then.

---

## Highlights

My last week's top tweet was the following one with yet another joke. As you may have experienced yourself on Twitter, these spontaneous tweets, unfortunately, get a lot more engagement than those behind which there are more energy and planning involved. That's just the way it is on social media I guess.

{% twitter 1293147647096782849 %}

I continued talking with the people behind the Twitter avatars last week. On Wednesday [Chris Kalmar](https://twitter.com/chriskalmar) met online. We talked about the Austrian developer landscape, about our software engineering journey, and how we get the most out of Twitter for ourselves. It was interesting and I got to know Chris better. In the next few weeks, I plan to get in touch with even more of my Twitter friends.

_Would you be up for a video call with me? Let me know in the comments below, or contact me on [Twitter](https://twitter.com/natterstefan) or [LinkedIn](http://www.linkedin.com/in/natterstefan)._

Another highlight for me last week was the rise of [Hashnode](https://hashnode.com/@natterstefan). The blogging platform was on my radar for a few weeks already. But something changed over the last two weeks. Many bloggers (like Danny Thompson, Catalin Pit, Waylon Walker, Bruno Raljic, and Anna J McDougall) created or even moved their existing blog to Hashnode. That was an interesting move and I am curious to see how this works out for them. I added [my blog](https://hashnode.com/@natterstefan) on Hashnode too now. The blog is still under construction though. Stay tuned! Catalin also looked at [how much traffic from HackerNews and Reddit lands on his blog](https://twitter.com/catalinmpit/status/1294625426023878656).

_Do you use Hashnode too? [Let's connect!](https://hashnode.com/@natterstefan)_

Where do you host and share your articles?

## 📗 Books

I finally managed to finish ["Thinking, Fast and Slow" written by Daniel Kahneman](https://amzn.to/2ZlCSk2). Honestly, that's one of the cons of working at home for me. I fail to allocate time for listening to audiobooks. When I drove to the office there was plenty of time during commuting, but not anymore. I'll have to make up the time.

The next book on my list is ["We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander](https://amzn.to/3kRLadF). I read it before, but want to read it again.

Catalin's ebook ["Improve Your Online Presence"](https://gumroad.com/a/921269363) and Danny's ["HOW TO GET FOLLOWERS ON TWITTER! How I went from 0 to 30k Followers in 90 Days!"](https://gumroad.com/a/108459123) were both a huge success!

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

## ⛓ Links of the Week

- There are a lot of tutorials and courses to get started with programming online. Some of them are free, some are not. Some of you may already know freeCodeCamp. [freeCodeCamp](https://www.freecodecamp.org/) is one of the most popular platforms with a large selection of free tutorials. Learn, build a project, and get a certificate - for free.
- [exercism](https://exercism.io/) is another great resource for learning programming. I have not tried it yet, but their selling point is promising: "Code practice and mentorship for everyone". Choose the language you want to learn, complete a challenge, upload your solution, and review it with a mentor. I can imaging this could help to learn new languages and concepts a lot.
- Anyone who has ever dealt with GraphQL APIs will appreciate having an overview of the schema. Tools like [Voyager](https://github.com/APIs-guru/graphql-voyager) make life easier in this respect. However, Voyager is only used with a given schema. All the more helpful would be a tool that would sketch and generate the GraphQL API from the beginning, wouldn't it? This is where [GraphQLEditor](https://graphqleditor.com/) comes into play.
- Ever wondered how you can upload your node package to npm and GitHub Package Registry simultaneously? This is [how it works](https://joeattardi.codes/2019-11-16-github-package/).
- I have mentioned this in the past already, I am a fan of [Sizzy](https://a.paddle.com/v2/click/49831/107029?link=1947). It makes testing and verifying React components on multiple screen sizes simultaneously easy. Jhey mentioned in his last newsletter another alternative: [Responsively](https://responsively.app/). Based on your features list, Responsively seems to be relatively similar. With the big difference that it is free and [open-source](https://github.com/responsively-org/responsively-app) (AGPL-3.0 License). I will compare both of them this week. Which one do you currently use?
- Many great things have already been developed with React.js. From websites, APIs, and apps, everything is there. I am always amazed when I discover great React solutions (e.g. [here](https://twitter.com/siddharthkmr1/status/1295221748179165185)). All the more I was pleased when I discovered [madewithreactjs.com](https://madewithreactjs.com/) by the two Austrians [Armin Ulrich](https://twitter.com/arminulrich) and [Melanie Massinger](https://twitter.com/_feloidea). The website presents React components and solutions in various categories (e.g. charts, forms, tables). Simply great.
- The two of them also created the [MakerWidget](https://makerwidget.com/?ref=natterstefan.me) - "Make yourself more visible as a maker on your project pages!".
- Have you ever tried the [built-in node debugger instead of console.log's](https://dev.to/nyxtom/stop-using-console-log-and-use-the-node-debugger-4402)?
- Compute measurements of a React component with [react-measure](https://github.com/souporserious/react-measure).
- Now you can [create an entire store with just a Google Sheet](https://spry.store/?ref=natterstefan.me)! WOW!
- Sara Vieira released her ["The Opinionated Guide to React"](https://twitter.com/NikkitaFTW/status/1293576977924927488) book.
- Have you heard of `content-visibility` already?  This new [CSS property boosts your rendering performance](https://web.dev/content-visibility/)!
- There is more than just Google Analytics when it comes to Web Analytics. Catalin asked his community [what they use](https://twitter.com/catalinmpit/status/1294286535991480320) and they presented some interesting tools.
- Do you know what [Nokia Scrum Test](https://twitter.com/dmokafa/status/1294257537253101568) is? Thanks to Deni I know now.
- This is an [awesome keyboard](https://twitter.com/EddyVinckk/status/1294651309799292928)! I'd love to have this one too!

_Do you want me to test your product or service? Let me know in the comments below, or contact me on [Twitter](https://twitter.com/natterstefan) or [LinkedIn](http://www.linkedin.com/in/natterstefan). I love to test new things!_

## 🐦 Tweets of the Week

{% twitter 1293266175120625665 %}
{% twitter 1293772770178789376 %}
{% twitter 1293862293139337217 %}
{% twitter 1293927028106952704 %}
{% twitter 1294310314016571393 %}
{% twitter 1294295745294548992 %}
{% twitter 1294332962096287750 %}
{% twitter 1294433894847086592 %}
{% twitter 1294614902829703168 %}
{% twitter 1283805272117514241 %}

## 🐦 Tweet of the Month

YOU are such an inspiration, Danny!

{% twitter 1295050100599861249 %}

This is it for week 33/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._