TF #34 | Your weekly frontend digest

Frontend 🎨

React

• Announcing React Native for Apple Vision Pro | {callstack}

  

• Removing React is just weakness leaving your codebase — Begin Blog

• Enhance Your React App's Scalability using Storybook and Chromatic | Daine Mawer

• React Intersection Observer - A Practical Guide

• Medusa - What we've learned from the transition to Next.js 14 with Server Components

• Remix Takes on Next.js in Battle of the React Frameworks

• How to stream files from Next.js Route Handlers | Eric Burel Tech Blog

WebComponent

• Getting into web components - an intro | utilitybend

Typescript/Javascript

• Building Composable JavaScript Software: Tips and Tricks | by Eden Ella | Jan, 2024 | Bits and Pieces

• Adding type safety to object IDs in TypeScript - Kravchyk's

  

• From many to one: Moving our JavaScript code into a monorepo | Aha! software

Astro

• TechSquidTV | How I generate Open Graph images for my Astro-based blog

• Take a Qwik Break from React with Astro - The New Stack

  

CSS

• What is CSS Motion Path?

• CSS Scroll-triggered Animations with Style Queries

  

• Better form UX with the CSS property field-sizing - Stephanie Stimac's Blog

• A highly configurable switch component using modern CSS techniques

Misc

• How to Favicon in 2024: Six files that fit most needs—Martian Chronicles, Evil Martians’ team blog

  

• Extreme UI Adaptability in Flutter — How Google Earth supports every use case on earth

  

• Hot Module Replacement is Easy - Bjorn Lu

• Deno in 2023

  

• Lossy CSS compression for fun and loss (or profit)

• Animating Font Palette

• UI elements are not so elementary | by Erez Reznikov

• Basic Dialog Usage and Gotchas To Watch For – Frontend Masters Boost

• Thoughts on a Global Design System – Chris Coyier

Web performances⚡

• Blazingly Fast JavaScript with ThePrimeagen

  

• Interaction to Next Paint becomes a Core Web Vital on March 12

  

• The psychology of site speed and human happiness

UX / UI📱

• A Guide To Designing For Older Adults — Smashing Magazine

• Mobile search: which pattern should you choose? | by Ksenia Toloknova

  

• Key takeaways from Airbnb’s winter redesign | by Daniel de Mello

  

Videos 📼

• JavaScript Animations in 2024

  

• The Time for React Native is NOW

• Next.js App Router Authentication (Sessions, Cookies, JWTs)

• Container Queries: The next step towards a truly modular CSS

  

• How to make a great framework better? - Svelte 5 with Rich Harris

  

• htmx deep dive w/carson gross

• The most creative CSS + multiplayer web project I’ve ever seen

  

• Five React App Killing Anti-Patterns 🪦😱

Tutorials 💻

• Dockerizing a Next.js Application with GitHub Actions

  

• OpenTask: A Next.js App Router Case Study

• EASY React Animation with useGSAP()

  

Tools & resources 🔧

• Bernard — No more broken links

• Schema Generator - Generate JSON-LD Schema Markup for SEO

  

• Joist-ts: a TypeScript ORM for Postgres

  

• Oohtml: Object-Oriented HTML. project

  

• Command Line Interface Guideline

• Wasp

  

• Svelte-stepper: 🚶 A simple library for building delightfully animated stepped flows with Svelte.

  

• Nvm-desktop: Node Version Manager Desktop - A desktop application to manage multiple active node.js versions.

  

• React-native-typescript-boilerplate

  

• Tabulator | JavaScript Tables & Data Grids

  

• unlazy | Universal lazy loading library

Podcasts, talks...🎙️

• Results of the State of React Native 2023 Survey | {callstack}

  

• Rocket Ship | #028 - Expo Router & Universal React Native Apps with Evan Bacon

• PodRocket - A web development podcast from LogRocket: Dan Abramov on React, RSCs, and the future

• How to Code: Opinionated TypeScript Stack + Tooling Choices Explained - Syntax #727

  

• JavaScript Jabber JSJ 619 - Mastering Back-End Functionalities and Development with AWS Amplify

• React Server Components 🧐 with Dan Abramov (JS Party #311)

• 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk

• Module Federation - Module Mixology - Front End Happy Hour

  

• Upgrade Your Lifestyle: From the Ballmer Peak to High Tech Toilet Seats - Whiskey Web and Whatnot - Episode 130

• Go From Stuck to Unstoppable with this Motivation Tip - Asian Efficiency

Work / Productivity 📇

• Startup Infrastructure: Scaling from Zero to Enterprise

  

• The System That Will Change Your LIFE! (Evidence-Based) - YouTube

• Questionable Advice: “My boss says we don’t need any engineering managers. Is he right?” – charity.wtf

• RDEL #28: What type of interruptions impact developer productivity most?

  

• Should you Stay Technical as an Engineering Manager?

  

• The Snow Melts At The Periphery - by James Stanier

• Your Customers Are Not Always Right - Itamar Gilad

• Pick one and own it

• The Snow Melts At The Periphery - by James Stanier

  

• Microsoft's New Future of Work Report - by Abi Noda

  

Misc🔋

• How I reduced the size of my very first published docker image by 40% - A lesson in dockerizing shell scripts

• Your guide to quick wins in SaaS marketing

  

• What happened with the Web Monetization API? – Chris Coyier

• The next evolution of serverless is stateful • Solving the decision problem

• Too much of a good thing: the trade-off we make with tests | nicole@web

• Part one: 7 must-know object-oriented software patterns (and their pitfalls) · Raygun Blog

• Why We Can't Have Nice Software - Andrew Kelley

• A Distributed Systems Reading List

• The advantages of queues on logs — Jack Vanlightly

• Please, don’t force me to log in : Juha-Matti Santala

• Dealing with diverged git branches

• Web Development Is Getting Too Complex, And It May Be Our Fault — Smashing Magazine

Fun 👾

• Most Searched Playground – Google

  

• Matteo Santoro for retro gaming lovers!