TF #32 | Your weekly frontend digest

This week, we've got 2 articles on swift, lots of articles on node, typescript, alpine, adonisJS, vue and a very good topic on react and Openlayers.
On the UX side, a case study from N/N group on indicators, validations and notifications, not to be missed.

For managers, there's a lot more to come: classics on estimating and team management, as well as the article "The 'errors' that mean you're doing it right", which I really enjoyed!
In other news, Apple is in the spotlight with the Macintosh anniversary and icloud. A good article on the English government and the migration of their PostgreSQL database.

Frontend 🎨

• Web Components in Earnest

• Wrangling Tuple Types | Kyle Shevlin

• 3 Lessons from Building a Chrome Extension with TypeScript

• Handling Environment Variables in Node.js

• Mastering Cryptography Fundamentals with Node’s crypto module

  

CSS

• Making CSS View Transitions Easy with Velvette | Codrops

• 12 Modern CSS One-Line Upgrades | Modern CSS Solutions

• Learn CSS :has() selector by examples: 5 top use cases - Bejamas

  

Vue

• The Ultimate Guide for Using Vue.js with Laravel - Vue School Articles

  

• Vue 3 — Transitions — Why?. As a part of the Vue.js core code...

  

React

• Mastering React and OpenLayers Integration: A Comprehensive Guide • Max Dietrich - Geospatial Developer

  

• The Query Options API | TkDodo's blog

• Exploring react-native-unistyles: A Powerful Styling Solution for React Native

  

• New client-side hooks coming to React 19

• How to start a React Project in 2024

• Updating public Next.js environment variables without rebuilds | Phase Blog

Swift

• SwiftUI main thread hang detector – Wade Tregaskis

• A new access modifier in Swift: package

Web performances⚡

• Fixing Cumulative Layout Shift Problems on DavidWalshBlog

  

UX / UI📱

• Indicators, Validations, and Notifications: Pick the Correct Communication Option

  

• Trust the Process. The Smith & Diction Identity Process

  

• The Problem With Digital Instrument Clusters and How to Design a Better One

  

• Nuberodesign > Blog > In Praise of Buttons – Part One

• The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond — Smashing Magazine

  

Work / Productivity 📇

• The “I don’t like what they’re saying, so they shouldn’t be allowed to say it” approach to crisis management

• 7 Challenges with Long-Term Projects and How to Manage Them

• The Experimentation Layer - Not Boring by Packy McCormick

  

• The “errors” that mean you’re doing it right

  

• Demystifying Project Estimation

• How To Fix Broken Teams - Stay SaaSy

• Manage like an engineer | Ben Balter

Misc🔋

• How Apple built iCloud to store billions of databases

• Happy 40th Birthday, Macintosh

• Monoliths, microservices, and serverless aren't what you think they are

  

• Understanding CORS. Hello there! Happy New Year! I hope you… | by Mykola | Jan, 2024 | ITNEXT

• How we migrated our PostgreSQL database with 11 seconds downtime - Government Digital Service

• Announcing AdonisJS v6

• Zed is now open source

  

• Case Study: Solving Vercel’s 10-Second Limit with QStash

• A Simple Guide To Retrieval Augmented Generation Language Models

  

Tools & resources 🔧

• React Email 2.0 · Resend

  

• Shipping Blended Diffs | @mdo

• The Node-Based UI for Svelte – Svelte Flow

  

• Prisma Editor | Visualize and Edit Prisma Schemas

• The Bun Shell

• Announcing Mutative 1.0 - A New Era in Efficient Immutable Updates

• Loadership CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website

• TypeSpec Describe your data up front and generate schemas, API specifications, client / server code, docs, and more.

• Typescript Book The Concise TypeScript Book provides a comprehensive and succinct overview of TypeScript's capabilities

Tutorials 💻

• Ditto - Blog - Running a React Web App in an Android App

  

• React Server Components Change Everything

• React form validation explained - Next.js and Astro

• Alpine, HTMX, Astro Stack Wordle App With Full Source!

  

• Event Driven Architecture on AWS – Course for Beginners

• Build a Next.js app in Storybook with React Server Components and Mock Service Worker

  

• CSS Blurry Shimmer Effect — Smashing Magazine

  

Videos 📼

• Memoization: Use it, Abuse it, or Forget it? - ReactJS Girls #26

• The new Vue 3.4 feature NOBODY talks about…

• Modern CSS, the state of the web, Safari's progress, and more! With Jen Simmons

  

• Torvalds Speaks: Impact of Artificial Intelligence on Programming

• Deploying Next.js to Vercel

Podcasts, talks...🎙️

• Whiskey Web and Whatnot 127 : Monthly Malarkey - JavaScript Modules, HTML, and Ryan Reynolds

• Front End Happy Hour 185 : Quitting a job - flipping the bar table

• Shop Talk 599 : Fighting the Algorithm With RSS, Blogging, and the IndieWeb

• JavaScript Jabber 617 : Inside the World of React: Server Components, Unidirectional Data Flow, and Frameworks

• Syntax 721 : You should learn Drizzle, the TypeScript SQL ORM

• Syntax 722 : Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu

The French corner

• IFTTD #256.ad - Culture Cybersécurité: Un travail d'équipe encore trop individuel.

• Message à caractère informatique : la 100e en live

• Double Slash 080 : Les news web dev de janvier 2024 (numéro 3)

Fun 👾

• Le développeur qui sait tout - Je suis un dev (FR) The return of "Je suis un dev". Still a fan of the stories, the tone, it's just great every time!

  

• SURF THE WEB LIKE IT'S 1999! - Bill's World The good old days of slow internet!