Weekly Digest 33/2022

Welcome to my Weekly Digest #33.

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

Communicating Effectively As A Tech Lead

Here are Addy’s tips for communicating effectively as a technical lead, including tips for how to talk to your teams and stakeholders.

Communicating Effectively As A Tech Lead

How and why we removed jQuery from GOV.UK

Removing jQuery from GOV.UK was a huge yet manageable task that led to improved code and performance gains across the site. This is how and why we did this work.

How and why we removed jQuery from GOV.UK

---

Some great videos I watched this week

What are Chrome's origin trials?

Origin trials are a way to test a new or experimental web platform feature. A third-party origin trial makes it possible for providers of embedded content to try out a new feature across multiple sites.

by Google Chrome Developers

Getting Creative with Keyframes

Working with keyframes can be difficult even if you only have one animation, but the real problems begin when you have 3 objects with 5 animations, each of which has different keyframes, duration, timing-function… and yet they all need to be exactly synchronized. So how do we do that?!

by Amit Sheen

Safely Handling Dynamic Data with TypeScript

TypeScript makes JavaScript safer by adding static type definitions. Static definitions are wonderful; they prevent developers from making trivial mistakes by ensuring every assignment and invocation is done correctly.

by Ethan Arrowood

---

Useful GitHub repositories

Zodios

Zodios is a TypeScript API client with auto-completion features backed by Axios and zod

ecyrbe / zodios

typescript http client with zod validation

Zodios

Zodios is a typescript api client with auto-completion features backed by axios and zod
Documentation

What is it ?

It's an axios compatible API client, with the following features:

• really simple centralized API declaration
• typescript autocompletion in your favorite IDE for URL and parameters
• typescript response types
• parameters and responses schema thanks to zod
• response schema validation
• bearer token injection and token renewal with simple token provider interface
• all axios features available

Table of contents:

• What is it ?
• Install
• How to use it ?
  • Declare your API with zodios
  • API definition format
  • API creation helpers
  • Get underlying axios instance
  • Give your own axios instance to zodios
  • Disable zodios validation
  • Use zod transformations
  • Send multipart/form-data requests
  • Send application/x-www-form-urlencoded requests
  • CRUD helper
  • React helpers
• Plugin system
  • Use fetch on browser
  • Use token provider plugin
  • Use a plugin only for some endpoints
  • Override plugin
  • Plugin execution order
  • Write your own plugin
• …

View on GitHub

The PBR Database API

A database of physically based values for CG artists.

AntonPalmqvist / physically-based-api

A database of physically based values for CG artists.

The PBR Database API

A database of physically based values for CG artists.

Access the API here: https://api.physicallybased.info

Implementations

• Web https://physicallybased.info

Accuracy

These reference values are based on the most accurate data available at the time, and are continually updated whenever new measurements are available. Depending on the material and the property you're after, there is more or less variability to take into account. Use these values as a starting point, or as validation for your existing materials, and then tweak further using your artistic freedom.

View on GitHub

tsx

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM

esbuild-kit / tsx

⚡️ TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM

tsx

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM files

Features

• Blazing fast on-demand TypeScript & ESM compilation
• Works in both CommonJS and ESM packages
• Supports next-gen TypeScript extensions (.cts & .mts)
• Supports node: import prefixes
• Hides experimental feature warnings
• TypeScript REPL
• Resolves tsconfig.json paths
• Tested on Linux & Windows with Node.js v12~18

_{Support this project by ⭐️ starring and sharing it. Follow me to see what other cool projects I'm working on! ❤️}

About

tsx is a CLI command (alternative to node) for seamlessly running TypeScript & ESM, in both commonjs & module package types.

It's powered by esbuild so it's insanely fast.

Want to just run TypeScript code? Try tsx:

npx tsx ./script.ts

How does it compare to ts-node? Checkout the comparison.

Install

Local installation

If you're using it in an npm project, install it as…

View on GitHub

---

dribbble shots

Phoveus Team Management Dashboard Design

by Fariz Al Faridli

Restaurant food ordering dashboard

by Ofspace LLC

Food Delivery Mobile Apps

by MD. Ridoy Ahmed Tamim

---

Tweets

Stefan Judis

@stefanjudis

TIL you can force push git branches with `+`.

14:35 PM - 14 Aug 2022

Elijah Manor

@elijahmanor

⚡️ Quick 2-minute video!

✅ Check out a PR from the terminal with search functionality and a live preview!

📹 Video builds the command piece by piece using:

• gh: GitHub CLI
• fzf: command-line fuzzy finder
• awk: text parsing tool
• xargs: converts stdin into arguments

13:00 PM - 16 Aug 2022

Pawel Grzybek

@pawelgrzybek

There is no better way to craft multi-line terminal commands than Composer in iTerm2.

1. ⌘ + ⇧ + . to open a Composer
2. Type some cool multi-line command
3. ⇧ + Return to execute

Nice, right? 😃

15:57 PM - 17 Aug 2022

Sarah Dayan

@frontstuff_io

Do we really need more swag at tech events? A lot of it eventually becomes plastic waste after years gathering dust on a cluttered shelf.

Could be nice for attendees to have options: either get your swag bag or have a donation in your name to an OSS project of your choice.

11:30 AM - 18 Aug 2022

---

Picked Pens

Animated Star Rating

by Jon Kantner

Custom Tooltip

by Adir

---

Podcasts worth listening

Syntax – CSS Proposals @when, CSS Masonry, Carets

In this episode of Syntax, Wes and Scott talk about proposals to CSS including @when, CSS Masonry, CSS Caret, ENV Vars, and Media Query Ranges.

---

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