Weekly Digest 34/2021
Tags: css, javascript, react, webdev
Published: 2021-08-29 17:42:42

Welcome to my Weekly Digest #34 which is the last one for August.

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

### From Create-React-App to Next

Kitty recently moved a significant codebase from Create-React-App (CRA for short) to Next and shares their experience, because it was quite a journey.

[From Create-React-App to Next](https://kittygiraudel.com/2021/08/24/from-cra-to-next/)

### Why you can't set state multiple times in a row in React

If you have ever tried to set a state variable multiple times in a row in a React component, you may have been surprised to find that it didn’t quite work.

[Why you can't set state multiple times in a row in React](https://typeofnan.dev/why-you-cant-setstate-multiple-times-in-a-row/)

### Stealing Game Animation Techniques to Engage Users

Today’s websites are overflowing with animations—often too many. They get in the way of the content and slow down our busy users. But at the same time:

[Stealing Game Animation Techniques to Engage Users](https://css-tricks.com/stealing-game-animation-techniques-to-engage-users/)

---

## Some great videos I watched this week

### What is the secret behind the curve algorithm

Have you ever wanted to know more about the p5.js bezier function? Well, I have good news for you! Thanks to the generous donation of Jason Oswald I do a deep dive exploring the bezier function.

{% youtube enNfb6p3j_g %}

by [Daniel Shiffman](https://twitter.com/shiffman)

### Bash in 100 Seconds

Bash is the command-line shell that you encounter when you open the terminal on most Unix operating systems, like macOS and Linux. Learn how to create your own bash scripts to automate tasks on your computer.

{% youtube I4EWvMFj37g %}

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

### The Lightning Algorithm

Matt Henderson is making lightning in mazes.

{% youtube akZ8JJ4gGLs %}

by [Numberphile](https://twitter.com/numberphile)

### Databases in the Microservices World

Web technologies have come leaps and bounds. But are you still using the tired old database from last generation? Let’s look at the methodology of microservices, compare it to bounded contexts, and look at ops tasks for micro-databases.

{% youtube -9Veoch50Bg %}

by [Rob Richardson](https://twitter.com/rob_rich)

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

Editable CSS container queries, web bundle preview, better string handling in the Console, and more.

{% youtube 1VaPAnUGRz8 %}

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

### Tailwind in 100 Seconds

Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML.

{% youtube mr15Xzb1Ook %}

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

---

## Useful GitHub repositories

### netlify cli

Netlify Command Line Interface

{% github netlify/cli %}

### Miller

Miller is like awk, sed, cut, join, and sort for data formats such as CSV, TSV, tabular JSON and positionally-indexed.

{% github johnkerl/miller %}

### Software Engineering Blogs

A curated list of engineering blogs

{% github kilimchoi/engineering-blogs %}

---

## dribbble shots

### Plants Shop App

![https://cdn.dribbble.com/users/4633673/screenshots/16336224/media/3eae4c4cfa704d8cb7b641d697e098b0.jpg](https://cdn.dribbble.com/users/4633673/screenshots/16336224/media/3eae4c4cfa704d8cb7b641d697e098b0.jpg)

by [Tajul Islam](https://dribbble.com/shots/16336224-Plants-Shop-App)

### Clothing Store App

![https://cdn.dribbble.com/users/1684108/screenshots/16334781/media/e0511f18d51da159c0a185c2700b5dcc.png](https://cdn.dribbble.com/users/1684108/screenshots/16334781/media/e0511f18d51da159c0a185c2700b5dcc.png)

by [QClay](https://dribbble.com/shots/16334781-Clothing-Store-App)

### E-commerce Shop App UI

![https://cdn.dribbble.com/users/6175319/screenshots/16336220/media/485e8048a89019ee254da76ffa16d87e.png](https://cdn.dribbble.com/users/6175319/screenshots/16336220/media/485e8048a89019ee254da76ffa16d87e.png)

by [Tazrin](https://dribbble.com/shots/16336220-E-commerce-Shop-App-UI)

### Furniture eCommerce mobile app design

![https://cdn.dribbble.com/users/6494685/screenshots/16336268/media/ab7139a39681332b7455643437ae98c8.png](https://cdn.dribbble.com/users/6494685/screenshots/16336268/media/ab7139a39681332b7455643437ae98c8.png)

by [Ripon Ahmed](https://dribbble.com/shots/16336268-Furniture-eCommerce-mobile-app-design)

---

## Tweets

{% twitter 1429869198197415939 %}

{% twitter 1430815812726792195 %}

{% twitter 1431104456431575045 %}

{% twitter 1431035024787312644 %}

{% twitter 1431670079280726022 %}

---

## Picked Pens

### 3D Breaking Bad

{% codepen https://codepen.io/ricardoolivaalonso/pen/LYLEJBK %}

by [Ricardo Oliva Alonso](https://twitter.com/rolivaalonso)

### CSS Drummer

{% codepen https://codepen.io/deren2525/pen/zYwQVGM %}

by [Deren](https://twitter.com/study_dedede)

---

## Podcasts worth listening

### Syntax – Why Do People Hate CSS?

In this Hasty Treat, Scott and Wes talk about why people hate CSS, some common issues, and how you can level up.

{% spotify spotify:episode:4YW90PksXt1eMSnIXFkvC4 %}

### Ladybug Podcast – How to Create Great Documentation

It’s easy to overlook documentation when building an application, but documentation can make or break a consumer’s experience.

{% spotify spotify:episode:28jv8wYRC61lMXP1uJ02TH %}

### CodePen Radio – New Admin Tools

Chris & Marie talk about a big long project that we’ve finished at CodePen: our new Admin Tools. Any web app is gonna need ’em.

{% spotify spotify:episode:2YWq25t9XQQjjCIxNzloSK %}

### Syntax – Advice for New Devs

In this episode of Syntax, Scott and Wes talk about advice for new devs, our advice, and opinions for how new devs can level up.

{% spotify spotify:episode:5NX2J4AqlD81PrYLUXYMS9 %}

---

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