Do something .new [Week 36/20 in Review]
Tags: domains, javascript, react
Published: 2020-09-09 06:04:50

---
canonical_url: https://blog.natterstefan.me/do-something-new-week-3620-in-review
---

_If you like my [articles](https://blog.natterstefan.me/), 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. Let's take a look at what I got this week.

Last week and this week were crazy from a work perspective. Some great projects went online and accordingly I had a very focused workflow. That's why today's output is a bit shorter. In the next 2 weeks, I will be more off- than online and therefore write less extensive blog posts. But don't worry, after that, I'll be back on track again. Stay tuned. I still think there is something for some of you nevertheless.

---

## Highlights

In my current day-to-day, I work more in the frontend (ReactJS) than in the backend (NodeJS). Accordingly, I am less in the database world. But I've been interested in this topic for quite some time and I want to work more on it. That's why I asked my [Twitter community](https://twitter.com/natterstefan): How do I get started with Postgres. And promptly I got some exciting answers. Thanks a lot!

{% twitter 1302502047162552321 %}

Thanks to @[Sandeep Panda](@sandeep) I had an "Aha, this is possible" moment. He showed me [how to check JavaScript Errors in the console on your mobile phone](https://sandeep.dev/how-to-check-javascript-errors-in-console-on-mobile-chrome?utm_campaign=natterstefan.me) _without_ using your computer!

Do you think about starting a blog? Do you have one already? Are you thinking about starting a blog? Do you already have one? Or do you want to take your blog to the next level? Well, then Monica Lent's ["17 Link Building Strategies for Developers and Technical Founders"](https://bloggingfordevs.com/link-building-strategies/?utm_campaign=natterstefan.me) is for sure for you. Thanks for sharing this gold nugget with me, [Daniel](https://danielrotter.at/?utm_campaign=natterstefan.me).

## Play the .new word game

The [list of top-level domains](https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains?utm_campaign=natterstefan.me) is almost endless. There are interesting and less interesting ones. One that stands out is .new! If you have seen some of the following examples, you know why I mean that.

The idea behind .new domains is simple. They represent shortcuts for various actions. So you can create a new document on Google Drive in seconds with [document.new](https://document.new/?utm_campaign=natterstefan.me) or spreadsheets with [sheet.new](https://sheet.new?utm_campaign=natterstefan.me). Or do you want to play around with React quickly? Open [react.new](http://react.new/?utm_campaign=natterstefan.me) and you are ready to go. Or [TypeScript](http://ts.new/?utm_campaign=natterstefan.me)? That's not all, there are [many more .new-Domains](https://whats.new/shortcuts/?utm_campaign=natterstefan.me). Also for other non-dev topics and apps, e.g. [Spotify](https://playlist.new/?utm_campaign=natterstefan.me).

You can also [apply to register your own `.new`-Domain](https://www.registry.google/policies/registration/new/?utm_campaign=natterstefan.me).

## 📗 Books

I still read ["We Are All Leaders: Leadership is not a position, it's a mindset" by Fredrik Arnander](https://amzn.to/3kRLadF). In the last few weeks, I had less time left to read. When do you read during the day? In the morning, or evening? Is it part of your morning routine? Let me know, please.

[Jhey Tompkins](https://gumroad.com/l/move-things-with-css?utm_campaign=natterstefan.me) published his CSS Book "Move Things With CSS" on Gumroad. Are you ready to learn more about CSS?

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

## ⛓ Links of the Week

- [Snowpack](https://www.snowpack.dev/?utm_campaign=natterstefan.me) is a modern, lightweight toolchain for faster web development.
- Are you looking for a modern and up to date [twitter-api-client](https://github.com/FeedHive/twitter-api-client)?
- [react-intersection-observer](https://www.npmjs.com/package/react-intersection-observer) tells you when a React component is in the viewport of your browser with the help of the [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
- I am a huge fan of the [digital garden concept](https://www.google.com/search?q=digital+garden). That is actually what I do with [my posts](https://blog.natterstefan.me/). That's why I found the [TIL repo](https://github.com/jbranchaud/til) exciting, which [Daniel Rotter](https://danielrotter.at/?utm_campaign=natterstefan.me) showed me. [jbranchaud](https://github.com/jbranchaud/til) shares a lot of his TIL moments in a few words.
- Do you load the right picture for every screen size, or do you just load one for all devices? From a web performance point of view (a separate topic in itself), you should take it to heart to load responsive images suitable for the current screen size. A mobile device does not need the same image (in terms of resolution, file size, ...) as a 49-inch monitor. The implementation is not too complicated. Read more about it in one of many tutorials, like [this one](https://css-tricks.com/responsive-images-css/?utm_campaign=natterstefan.me) from Chris Coyier.
- I had an "aha" moment recently when it was about why Safari increases the zoom level when focusing on an input field. The [learning](https://medium.com/cssjunction/how-to-stop-zoom-in-on-input-focus-on-mobile-devices-835edcaa2ba4?utm_campaign=natterstefan.me) was: the font was smaller than 16px and the "viewport" tag was missing. TIL. 
- If you are lucky enough and do not need to support Internet Explorer anymore, you might wanna read more about [“will-change”](https://css-tricks.com/almanac/properties/w/will-change/?utm_campaign=natterstefan.me). This interesting CSS property lets "the browser know which properties and elements are just about to be manipulated, potentially increasing the performance of that particular operation."
- [hoppscotch](https://github.com/hoppscotch/hoppscotch): is a great free, fast, and beautiful API request builder
- The next time you wonder why a React component (re)renders, you should use this nice solution: [why-did-you-render](https://www.npmjs.com/package/@welldone-software/why-did-you-render). [Lukas](https://lukasender.at/?utm_campaign=natterstefan.me) showed it to me and I'm definitely keeping it in mind
- Better Twitter Analytics for everyone - [ilo.so](https://ilo.so/?utm_campaign=natterstefan.me)
- Never miss the moment when your package exceeds the specified size limit with the [GitHub Action size-limit](https://github.com/marketplace/actions/size-limit-action).
- Did you know you can create your own [Pull To Refresh](https://codepen.io/Vijit_Ail/pen/pmbypw) on your website? If you are planning to create make sure you read Google's [Take control of your scroll: customizing pull-to-refresh and overflow effects](https://developers.google.com/web/updates/2017/11/overscroll-behavior?utm_campaign=natterstefan.me) article.
- I admit I am a fan of structure and defined processes. So it's not surprising that I really like both the [code owners](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/about-code-owners?utm_campaign=natterstefan.me) and the pull and issue templates of GitHub, right? The code owners feature allows you to specify contributors who are responsible for various files (.js, .sql, ...) or entire folders (db, client, webpack, ...). Responsible in the sense that they are notified about changes to the defined files in pull requests, or even forced to at least share the review. With [pull and issue templates](https://docs.github.com/en/github/building-a-strong-community/about-issue-and-pull-request-templates?utm_campaign=natterstefan.me), you can create templates that are used when a new pull request or issue is created. So you can bring a structure into the created issue of for example open-source projects.


##  🐦 Tweets of the Week

{% twitter 1303247161744789504 %}
{% twitter 1303008034663391232 %}
{% twitter 1302976771629998082 %}
{% twitter 1302635611803664386 %}
{% twitter 1302615540763107328 %}
{% twitter 1302486915887902722 %}
{% twitter 1301481390408716295 %}

This is it for week 36/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.*