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 18.14.0 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…
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
What is Miller?
Miller is like awk, sed, cut, join, and sort for data formats such as CSV, TSV, JSON, JSON Lines, 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, JSON Lines, 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/JSON Lines. (Miller can handle positionally-indexed data too!)
In the above image you…
Software Engineering Blogs
A curated list of engineering blogs
kilimchoi / engineering-blogs
A curated list of engineering blogs
Companies
# companies
- 8th Light https://8thlight.com/blog/
A companies
- AdRoll http://tech.adroll.com/blog/
- Advanced Web Machinery https://advancedweb.hu/
- Airbnb https://medium.com/airbnb-engineering
- Algolia https://blog.algolia.com/
- Appnexus https://techblog.appnexus.com/
- Arkency http://blog.arkency.com/
- Artsy http://artsy.github.io/
- Asana https://blog.asana.com/category/eng/
- Atlassian https://developer.atlassian.com/blog/
- Atomic Object https://spin.atomicobject.com/
- Auth0 https://auth0.com/blog/
- Avenue Code http://blog.avenuecode.com/
- AWS https://aws.amazon.com/blogs/aws/
B companies
- Babbel https://bytes.babbel.com/en/
- Badoo https://techblog.badoo.com/
- Bandcamp https://bandcamptech.wordpress.com/
- Base Lab https://lab.getbase.com/category/engineering/
- Bazaarvoice https://blog.developer.bazaarvoice.com/
- BBC https://medium.com/bbc-design-engineering/
- Benchling https://benchling.engineering/
- Bigcommerce http://www.bigeng.io/
- Blender https://code.blender.org/
- Booking.com https://blog.booking.com/
- Brandwatch…
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
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! 👋
Top comments (1)
it's look like so many tech stuff, thank's for sharing such amazing weekly digest