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.
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.
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.
Chrome 93 - What’s New in DevTools
Editable CSS container queries, web bundle preview, better string handling in the Console, and more.
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
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
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
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.
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.
-
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
kilimchoi
/
engineering-blogs
A curated list of engineering blogs
Software Engineering Blogs 
Companies
Individuals/Group Contributors
Products/Technologies
Companies
# companies
- 500px https://developers.500px.com/
- 8th Light https://8thlight.com/blog/
- 99designs https://99designs.com/tech-blog/
A companies
- AdRoll http://tech.adroll.com/blog/
- Addepar https://medium.com/build-addepar
- Affinity https://build.affinity.co/
- Airbrake https://airbrake.io/blog/
- AirPair https://www.airpair.com/software-experts
- Advanced Web Machinery https://advancedweb.hu/
- Airbnb https://medium.com/airbnb-engineering
- Airtame…
dribbble shots
Plants Shop App
by Tajul Islam
Clothing Store App
by QClay
E-commerce Shop App UI
by Tazrin
Furniture eCommerce mobile app design
by Ripon Ahmed
Tweets
🆕 <length> Tool
in Chrome Canary today:
✅ drag px, rem, em, vh, etc
✅ hold shift to adjust by 10
✅ hold alt/opt to adjust by .1
✅ change/explore unit types in a dropdown
*much like design tools* 😎
[video alt]
drag to adjust padding, gaps and widths!18:12 PM - 23 Aug 2021
I just discovered that Node 16 comes with promise-based timer functions! 🎉👏
nodejs.org/docs/latest-v1…08:54 AM - 26 Aug 2021
For safety I think most functions that accept arrays should use the `readonly` keyword.
Adding `readonly` prevents the function from accidentally modifying a provided array04:01 AM - 27 Aug 2021
Rishabh Singh@rishabhs
Very excited about formula prediction being released in Google Sheets! A great collaboration between Google Sheets and Brain team.23:25 PM - 26 Aug 2021
Jeremy Moser@jmoserrCopywriting tip: remove friction phrases. Your marketing should tell users what they’ll get, not what they have to do:17:28 PM - 28 Aug 2021
Picked Pens
3D Breaking Bad
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! 👋
Oldest comments (1)
it's look like so many tech stuff, thank's for sharing such amazing weekly digest