DEV Community

Cover image for Weekly Digest 34/2021
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 34/2021

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

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

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


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.

by Daniel 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.

by Fireship

The Lightning Algorithm

Matt Henderson is making lightning in mazes.

by 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.

by Rob Richardson

Chrome 93 - What’s New in DevTools

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

by Google Chrome Developers

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.

by Fireship


Useful GitHub repositories

netlify cli

Netlify Command Line Interface

GitHub logo netlify / cli

Netlify Command Line Interface

Netlify CLI

Coverage Status npm version downloads netlify-status dependencies securityFOSSA Status

Interact with Netlify from the comfort of your CLI.

See the CLI command line reference to get started and the docs on using Netlify Dev to run your site locally.

Table of Contents

Click to expand

Installation

Netlify CLI requires Node.js version 10 or above. To install, run the following command from any directory in your terminal:

npm install netlify-cli -g
Enter fullscreen mode Exit fullscreen mode

When using the CLI in a CI environment we recommend installing it locally as a development dependency, instead of globally To install locally, run the following command from the root directory of your project:

npm install --save-dev netlify-cli
Enter fullscreen mode Exit fullscreen mode

Important: Running npm install netlify-cli -g in CI means you're always installing the latest version of the CLI, including breaking changes. When you install locally…

Miller

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

GitHub logo johnkerl / miller

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

Take the 2021 Miller User Survey!

What is Miller?

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

What can Miller do for me?

With Miller, you get to use named fields without needing to count positional indices, using familiar formats such as CSV, TSV, JSON, and positionally-indexed. Then, on the fly, you can add new fields which are functions of existing fields, drop fields, sort, aggregate statistically pretty-print, and more.

cover-art

  • Miller operates on key-value-pair data while the familiar Unix tools operate on integer-indexed fields: if the natural data structure for the latter is the array, then Miller's natural data structure is the insertion-ordered hash map.

  • Miller handles a variety of data formats including but not limited to the familiar CSV, TSV, and JSON (Miller can handle positionally-indexed data too!)

In the above image (color…

Software Engineering Blogs

A curated list of engineering blogs


dribbble shots

Plants Shop App

https://cdn.dribbble.com/users/4633673/screenshots/16336224/media/3eae4c4cfa704d8cb7b641d697e098b0.jpg

by Tajul Islam

Clothing Store App

https://cdn.dribbble.com/users/1684108/screenshots/16334781/media/e0511f18d51da159c0a185c2700b5dcc.png

by QClay

E-commerce Shop App UI

https://cdn.dribbble.com/users/6175319/screenshots/16336220/media/485e8048a89019ee254da76ffa16d87e.png

by Tazrin

Furniture eCommerce mobile app design

https://cdn.dribbble.com/users/6494685/screenshots/16336268/media/ab7139a39681332b7455643437ae98c8.png

by Ripon Ahmed


Tweets


Picked Pens

3D Breaking Bad

by Ricardo Oliva Alonso

CSS Drummer

by Deren


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.

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.

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.

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.


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

Discussion (1)

Collapse
aayusranjan profile image
Ayush Ranjan

it's look like so many tech stuff, thank's for sharing such amazing weekly digest