Tech Snacks by Passionate People

A recurring segment during our weekly company call (This week at Passionate People), is called "Tech Snacks" where we share some interesting tech updates, releases, blog posts and news from all across the web, curated specially for our team.

Passionate People Tech Snacks for Week 47, 2021

How to build stunning 3D scenes with React Three Fiber
WebGL is the magic sauce behind Solar Storm , an audio-reactive music video that renders live in the browser. After fumbling around with…
A Visual Guide to React Rendering - Refs
Refs in React and how they affect rendering
Reimagine Atomic CSS
Let's take a step back and reimagine what's atomic CSS could be in the best.
Learn RegEx step by step, from zero to advanced.
Blitz.js - The Fullstack React Framework
Blitz is a hyper-productive fullstack React framework that's built on Next.js and features a "Zero-API" data layer.
Dynamic Color Manipulation with CSS Relative Colors
Chrome translates emoji's wrong with Arabic content (🇪🇬 == 🇬🇪 ??)
I was working on a multilingual website and I faced a weird things about…
Backdooring Rust crates for fun and profit
Supply chains attacks are all the rage these days, whether to deliver RATs, cryptocurrencies miners, or credential stealers. In Rust, packages are called crates and are (most of the time) hosted on a central repository: for better discoverability. We are going to study 8 techniques to achieve Remote Code Execution (RCE) on developers', CI/CD, or users' machines. I voluntarily ignored perniciously backdoored algorithms such as cryptographic primitives or obfuscated code because this is a whole different topic.
Spy On DOM Methods And Properties
In the bahmutov/sorted-table-example example, the application sets and removes DOM element attributes: app.js1234function enableButtons() { document.getElementById('sort-by-date').remo
Overengineering can kill your product
In today's post, Simón Muñoz speaks about one of the most prevalent issues when creating products: overengineering them.
Announcing $150M to build the end-to-end platform for the modern Web – Vercel
We've raised $150M Series D at a $2.5B valuation to accelerate our mission to make the Web. Faster.
Remix v1
Release v8.0.0-beta.0 · reduxjs/react-redux
This beta release adds a new 'react-redux/compat' entry point for use with React 16.9+ 17.x, re-enabling broader compatibility across React versions to make it easier to upgrade to React-Redux v8. ...
How to Create and Publish a React Component Library
All code from this tutorial as a complete package is available in this repository. If you are...
Rust Is The Future of JavaScript Infrastructure – Lee Robinson
Why is Rust being used to replace parts of the JavaScript web ecosystem like minification (Terser), transpilation (Babel), formatting (Prettier), bundling (webpack), linting (ESLint), and more?
Announcing TypeScript 4.5
Today we’re excited to announce the release of TypeScript 4.5! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript by adding statically checked types. When you use static types, you can run the TypeScript compiler to check for bugs like typos and mismatches in the shapes of your data,
Cloudflare Pages Goes Full Stack
Svelte Fall Summit 2021
what is partial hydration and why is everyone talking about it?
Hydration uses client-side JavaScript to convert static HTML pages into dynamic web pages. Partial hydration aims to hydrate only the components of an application that need to be interactive.
Astro 0.21
Astro v0.21.0 is finally here!
Etsy’s Journey to TypeScript
Over the past few years, Etsy’s Web Platform team has spent a lot of time bringing our frontend code up to date. It was only a year and a half ago that we modernized our Javascript build system in …
How do arrays work?
What goes on under the hood of the most popular data structure? In this post, we uncover the secrets of the array by reinventing one ourselves.

Would you like to learn more about how we can help you and your teams get to the next level?

Contact us