Weekly Digest 07/2022
Tags: javascript, webdev, css, programming
Published: 2022-02-20 16:40:44

Welcome to my Weekly Digest #7 of this year.

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

### The State of JS 2021

The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.

[The State of JS 2021](https://2021.stateofjs.com/en-US/)

### Teaching AI to Generate New Pokemon

Pokemon was first created in 1996. In the twenty years, it has become one of the most recognizable franchises in the world. Yet, after all that, there are still only a total of 893 unique Pokemon. With AI, we can change that.

[Teaching AI to Generate New Pokemon](https://dev.to/mage_ai/teaching-ai-to-generate-new-pokemon-3kk1)

### Getting Started With the File System Access API

The File System Access API is a web API that allows read and write access to a user’s local files. It unlocks new capabilities to build powerful web applications, such as text editors or IDE
s, image editing tools, improved import/export, all in the frontend. Let’s look into how to get started using this API.

[Getting Started With the File System Access API | CSS-Tricks](https://css-tricks.com/getting-started-with-the-file-system-access-api/)

---

## Some great videos I watched this week

### Catching specific errors in JavaScript

How do you know which error you are catching in JavaScript? Here we look at how to differentiate between different types of errors so your application can recover.

{% youtube dWNaife7XZI %}

by [Leigh Halliday](https://twitter.com/leighchalliday)

### Lua in 100 Seconds

Lua is a lightweight dynamic scripting language often embedded into other programs like World of Warcraft and Roblox. Its minimal syntax makes it easier to learn than Python, while being much more performant than other interpreted languages.

{% youtube jUuqBZwwkQw %}

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

### Mastering React Context: Do you NEED a state manager?

Context in React is a super valuable tool, but can it replace a state manager? Let's find out!

{% youtube MpdFj8MEuJA %}

by [Jack Herrington](https://twitter.com/jherr)

### 7 ways to deal with CSS

Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS Modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more.

{% youtube ouncVBiye_M %}

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

---

## Useful GitHub repositories

### Unredacter

Never ever ever use pixelation as a redaction technique

{% github BishopFox/unredacter %}

### Keycastr

KeyCastr, an open-source keystroke visualizer

{% github keycastr/keycastr %}

### rrweb

Record and replay the web

{% github rrweb-io/rrweb %}

---

## dribbble shots

### Betting Platform

![by [uixNinja](https://dribbble.com/shots/17552573-Betting-Platform)](https://cdn.dribbble.com/users/257709/screenshots/17552573/media/a6a2c23cf17f6a213b7a34ed08164a1c.png)

by [uixNinja](https://dribbble.com/shots/17552573-Betting-Platform)

### ****Blitz Agency Mobile****

![by [Halo Mobile](https://dribbble.com/shots/17548912-Blitz-Agency-Mobile)](https://cdn.dribbble.com/users/26642/screenshots/17548912/media/8aa87ef805eb933d4ee985db2d6e5769.png)

by [Halo Mobile](https://dribbble.com/shots/17548912-Blitz-Agency-Mobile)

### Mobile app: podcast

![by [JrufitUX](https://dribbble.com/shots/17551000-Mobile-app-podcast)](https://cdn.dribbble.com/users/1996505/screenshots/17551000/media/fe125121dfe927add1c9df24f62908d1.png)

by [JrufitUX](https://dribbble.com/shots/17551000-Mobile-app-podcast)

---

## Tweets

{% twitter 1493149669148565509 %}

{% twitter 1493957840591073286 %}

{% twitter 1494209686161088514 %}

---

## Picked Pens

### one div pixel pizza

{% codepen https://codepen.io/ece_mina/pen/XWzgVWa %}

by [Mina](https://codepen.io/ece_mina)

### Blooming flowers with falling leaves

{% codepen https://codepen.io/mdusmanansari/pen/bGYrmjY %}

by [Md Usman Ansari](https://twitter.com/MdUsmanAnsari_)

### Almost before we knew it

{% codepen https://codepen.io/hexagoncircle/pen/PoOberB %}

by [Ryan Mulligan](https://twitter.com/hexagoncircle)

---

## Podcasts worth listening

### Syntax – **Code Explorers**

In this Hasty Treat, Scott and Wes talk about how best to explore and contribute to code on GitHub repos.

{% spotify spotify:episode:1gZcIjomwU07SDRH7Sb1Ef %}

### CodePen Radio – ****With Adam Argyle****

Chris grabbed [Adam](https://codepen.io/argyleink) intending to chat about all sorts of CSS stuff and his work at Google and on VisBug. But then they chatted pretty much the entire time about color and what’s coming there to the web platform.

{% spotify spotify:episode:4fS3z8OHTXwcd4e1WfDLHl %}

---

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