Weekly Digest 16/2022
Tags: javascript, webdev, weeklyretro
Published: 2022-04-24 15:49:45

Welcome to my Weekly Digest #16 which is the last one in April.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

---

## Interesting articles to read

### Node.js 18 Introduces Prefix-Only Core Modules

Node.js 18 is introducing a new type of core module that can't be imported like all of the other core modules. These new modules are called prefix-only core modules, and you need to understand how they work.

[Node.js 18 Introduces Prefix-Only Core Modules](https://fusebit.io/blog/node-18-prefix-only-modules)

### SVG passthrough precision

If an SVG is imported into a design tool, then immediately exported as another SVG, how much precision is kept? What’s added, removed, or altered?

[SVG passthrough precision](https://bjango.com/articles/svgpassthroughprecision/)

---

## Some great videos I watched this week

### Redux in 100 Seconds

Redux is a popular state management pattern for large-scale web applications. Learn the basics of the Redux with React

{% youtube _shA5Xwe8_4 %}

by [Fireship](https://twitter.com/Fireship_dev)

### Chrome 101 - What’s New in DevTools

Import and export user flow as JSON, support `hwb()` colors, view cascade layers in the Styles pane, and more.

{% youtube u9GRAliBrM8 %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### Generate Dynamic Images with node-canvas

Creating dynamic images unlocks a whole world of powerful workflows. In this episode, Ulf Schwekendiek will teach us how to use node-canvas to create our own custom, dynamically generated images.

{% youtube yRMMXSEu70Y %}

by [Jason Lengstorf](https://twitter.com/jlengstorf)

---

## Useful GitHub repositories

### react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

{% github thebuilder/react-intersection-observer %}

### JSON Visio

Visualize your JSON data onto graphs seamlessly.

{% github AykutSarac/jsonvisio.com %}

### Alfred Password Workflow

An Alfred 4 workflow that allows you to quickly generate strong passwords.

{% github otherguy/alfred-passwords-workflow %}

---

## dribbble shots

### Séjour app

![by [Taras Migulko](https://dribbble.com/shots/18078164-S-jour-app)](https://cdn.dribbble.com/users/1998175/screenshots/18078164/media/7879e23e04ceee3c497d2ebc6efb15b6.jpg)

by [Taras Migulko](https://dribbble.com/shots/18078164-S-jour-app)

### Online learning (LMS) Dashboard

![by [Reza Moradi](https://dribbble.com/shots/18088448-Online-learning-LMS-Dashboard)](https://cdn.dribbble.com/users/3167030/screenshots/18088448/media/97d37b731fc04477a5b0fc71a1407456.png)

by [Reza Moradi](https://dribbble.com/shots/18088448-Online-learning-LMS-Dashboard)

### Surfing App

![by [Imran Molla](https://dribbble.com/shots/18088373-Surfing-App)](https://cdn.dribbble.com/userupload/2622717/file/original-5757494e15681771081efef5dd3b5849.png)

by [Imran Molla](https://dribbble.com/shots/18088373-Surfing-App)

### Troovē - Travel Mobile App

![by [Ihya Fathurr](https://dribbble.com/shots/18086820-Troov-Travel-Mobile-App)](https://cdn.dribbble.com/users/4657225/screenshots/18086820/media/0fe87e9b8b1258ebf603cd487c20960f.jpg)

by [Ihya Fathurr](https://dribbble.com/shots/18086820-Troov-Travel-Mobile-App)

---

## Tweets

{% twitter 1516554256546996230 %}

{% twitter 1516954603635499009 %}

{% twitter 1517031629369319424 %}

{% twitter 1517205975651942400 %}

---

## Picked Pens

### point and click penguin

{% codepen https://codepen.io/Ma5a/pen/MWrZPOP %}

by [Masahito Leo Takeuchi](https://twitter.com/masahitoart)

### Pure CSS - Lava Lamp

{% codepen https://codepen.io/maxi83c/pen/ExoMGGv %}

by [maxi83c](https://codepen.io/maxi83c)

---

## Podcasts worth listening

### CodePen Radio – ****Varun Vachhar****

Chris got to talk to [Varun](https://codepen.io/winkerVSbecks/)! Varun is an incredible artist and would have been interesting to talk with him about literally anything

{% spotify spotify:episode:4pY8MhUZOHA225g7JlSybj %}

---

Thank you for reading, talk to you next week, and stay safe! 👋