Weekly Digest 11/2021
Tags: css, git, javascript, react
Published: 2021-03-21 19:08:21

Welcome to my Weekly Digest #11.

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

---

## Interesting articles to read

### React authentication, simplified

Authentication is one of those things that just always seems to take a lot more effort than we want it to. To set up auth, you have to re-research topics you haven’t thought about since the last time you did authentication, and the fast-paced nature of the space means things have often changed in the meantime.

[https://davidwalsh.name/react-authentication-2](https://davidwalsh.name/react-authentication-2)

### Introducing Env: a better way to read environment variables in JavaScript

If you write server-side JavaScript, chances are you’ve need to read information from environment variables. It’s considered a best practice to share sensitive information, such as access tokens, inside of environment variables to keep them secure

[Introducing Env: a better way to read environment variables in JavaScript](https://humanwhocodes.com/blog/2021/02/introducing-env-javascript-environment-variables/)

### React State Management Libraries and How to Choose

An overview of the best state management libraries and how to choose the right state management strategy for your app.

[React State Management Libraries and How to Choose](https://daveceddia.com/react-state-management/)

### How to test 400 React components without breaking a sweat

Your organization’s development experience can be detrimental to your ability to ship code to your clients.

There is a very delicate balance that needs to be found between testing your code and maintaining a good development experience.

Finding that balance required a paradigm shift in the way we do tests at Kenshoo, which allowed us to reduce our CI/CD process by 80% while maintaining excellent test coverage.

[How to test 400 React components without breaking a sweat](https://medium.com/kenshoos-engineering-blog/how-to-test-400-react-components-without-breaking-a-sweat-aa304a5cc72b)

### Two approaches to win an argument as a software engineer

Software engineers are identified with strong opinions. Here's how to get your point across effectively.

[Two approaches to win an argument as a software engineer](https://humanwhocodes.com/blog/2021/03/two-approaches-win-argument-software-engineer/)

---

## Some great videos I watched this week

### How Shazam Works (Probably!) - Computerphile

Looking at the audio mechanics and algorithms behind music identifier apps. David Domminney Fowler built a demo you can try yourself.

{% youtube RRsq9apr5QY %}

by [Computerphile](https://twitter.com/computer_phile)

### Thinking on ways to solve SETTINGS

In today’s GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers. How would you create a settings page?

{% youtube dm7gnp6eh3Q %}

by [Adam Argyle](https://twitter.com/argyleink)

### How To Squash Your Git History Like A Pro

{% youtube RwvTrSm7zEY %}

by [Colt Steele](https://twitter.com/codecolt)

### NVIDIA’s AI Puts Video Calls On Steroids!

{% youtube dVa1xRaHTA0 %}

by [Two Minute Papers](https://twitter.com/twominutepapers)

### Batch rename nested files names or file extensions on macOS with ZSH and ZMV

ZMV is a function built into the standard macOS ZSH shell. It lets you do many powerful file operations, even if you don't use the Terminal a whole bunch. This video walks you through how to use it with a simple rename of files from one extension to another.

{% youtube W-3ghg-qI7I %}

by [Ben Frain](https://twitter.com/benfrain)

### Procedural Plant Generation with L-Systems

Learn to generate procedural plants with an l-system implementation.
In this project Simon uses l-systems, or Lindenmayer systems, to generate a variety of procedural plants and trees.

{% youtube feNVBEPXAcE %}

by [SimonDev](https://twitter.com/iced_coffee_dev)

---

## Useful GitHub repositories

### Awesome Compose

These samples provide a starting point for how to integrate different services using a Compose file and to manage their deployment with Docker Compose.

{% github docker/awesome-compose %}

### Awesome Design Tools

The best design tools and plugins for everything

{% github goabstract/Awesome-Design-Tools %}

### UpscalerJS

UpscalerJS is a tool for increasing image resolution in Javascript via a Neural Network up to 4x.

{% github thekevinscott/UpscalerJS %}

---


## dribbble shots

### eBook Mobile App

![https://cdn.dribbble.com/users/1997192/screenshots/15295240/media/5eb4591f55c856c24e4f28130ddf9d4b.png](https://cdn.dribbble.com/users/1997192/screenshots/15295240/media/5eb4591f55c856c24e4f28130ddf9d4b.png)

by [Sajon](https://dribbble.com/shots/15295240-eBook-Mobile-App)

### Food Delivery App

![https://cdn.dribbble.com/users/2564256/screenshots/15282794/media/661df862f59951dba8728f812259120b.png](https://cdn.dribbble.com/users/2564256/screenshots/15282794/media/661df862f59951dba8728f812259120b.png)

by [Dmitry Lauretsky](https://dribbble.com/shots/15282794-Food-Delivery-App)

### Meditation App

![https://cdn.dribbble.com/users/4646232/screenshots/15321755/media/ce0125a191db89ed0dbf98a60fa77322.png](https://cdn.dribbble.com/users/4646232/screenshots/15321755/media/ce0125a191db89ed0dbf98a60fa77322.png)

by [Amelia Nurvita](https://dribbble.com/shots/15321755-Meditation-App)

### Delivery mobile app

![https://cdn.dribbble.com/users/913766/screenshots/15327800/media/ee81c3e54f3fcd34b57619dbe67f46bb.png](https://cdn.dribbble.com/users/913766/screenshots/15327800/media/ee81c3e54f3fcd34b57619dbe67f46bb.png)

by [MEI YULIIA](https://dribbble.com/shots/15327800-Delivery-mobile-app)

---

## Tweets

{% twitter 1371476166004051968 %}

{% twitter 1371449386794881025 %}

{% twitter 1372600285777043456 %}

{% twitter 1373417544200171529 %}

---

## Picked Pens

### Hexagonal Ripple Preloader

{% codepen https://codepen.io/jkantner/pen/ExNJRee %}

by [Jon Kantner](https://twitter.com/jonkantner)

### Fluid text hover

{% codepen https://codepen.io/robin-dela/pen/KKPYoBq %}

by [Robin Delaporte](https://twitter.com/not__robin)

---

Talk to you next week and stay safe! 👋