TF #12 - Discover the latest trends

🗞 Article of the week : Use web components for what theyre good at

🎨 Frontend

• Patterns for Reactivity with Modern Vanilla JavaScript

• Picture-in-Picture for any Element, not just video

• Cleaning up import paths in JS/TS packages

• 14 Linting Rules To Help You Write Asynchronous Code in JavaScript

• Progressively Enhanced Form Validation, Part 2: Layering in JavaScript

• Scroll shadows with animation-timeline

• The ideal viewport doesnt exist

• OKLCH in CSS: Consistent, accessible color palettes

• A Few Interesting Ways To Use CSS Shadows For More Than Depth

• A Future of Themes with CSS Container Style Queries

• Bzier Curves - and the logic behind them

• Tailwind, and the death of web craftsmanship

• Building Adaptive User Interfaces in React Native

• Using TypeScript React

• React Suspense in three different architectures

• On React Suspenses throttling

• Deep Dive: Caching and Revalidating vercel/next.js Discussion #54075 GitHub

Web performances

• Optimiser les images sur le web : checklist des bonnes pratiques 🇫🇷

📱 UX / UI

• Adobe co-founder Dr. John Warnock has died he was 82

• The Psychology Behind Loom's Explosive Growth

• Can we assess the morality of our UX?

• How to make next-level Figma plugins: auth, routing, storage, and more

• Playbook for universal design Universal design methods for more inclusive solutions

• Are We Losing Color? All Logos Are Starting To Look The Same

📇 Management & organisation

• How to Communicate When Trust Is Low (Without Digging Yourself Into A Deeper Hole)

• Bottleneck #05: Resilience and Observability

🔋 Misc

• Enhanced push protection features for developers and organizations - The GitHub Blog

• Anything But Tech Debt

• What makes a strategy great

• Slack's Migration to a Cellular Architecture - Slack Engineering

• How Games Typically Get Built

Tools & ressources

• CSS Selectors: A Visual Guide & Reference

• TypeStat: Converts JavaScript to TypeScript and TypeScript to better TypeScript.

• Typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

• Prettymapp: 🖼 Create beautiful maps from OpenStreetMap data in a streamlit webapp

• Vue-hooks-plus: High performance & Simplicity 🧲 Vue 3 Hooks library

• UseHooks The React Hooks Library

• 46 No-Code Tools You NEED to Try in 2023

📼 Videos

• tRPC + NextJS App Router = Simple Typesafe APIs

• Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color

🎙 Podcasts, talks...

• Nikolay Advolodkin, Christian Bromman - CrossBrowser Testing with Sauce Labs: Vue.js Forge Episode 4 - YouTube

• Syntax: Supper Club Make React 70% Faster! Million.js

• JSParty: Ten years of TypeScript bliss

💌 If you like this newsletter, don't hesitate to share it, comment and subscribe. You can follow us on Twitter too !