Stay ahead in web development: latest news, tools, and insights #62

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #62 is here: your weekly digest of all webdev news you need to know! This time you'll find 48 valuable links in 6 categories! Enjoy!

? Read it!

• If Not React, Then What?: Frameworkism isn't delivering. The answer isn't a different tool, it's the courage to do engineering. by Alex Russel / frameworks, react / 51 min read

---

? Good to know

• Kubernetes on Hetzner: How I cut infrastructure costs by 75% and increased compute by 2x. by Bill Franklin / k8s, kubernetes, hetzner / 0 min read
• 15 Lessons From 15 Years of Indie App Development: The first lesson is my favorite. by Lukáš Petr / indie / 15 min read
• The design of getting hired: On knowing your audience, clarity over cleverness, and why slow is smooth by Carly Ayres / resumes, applications / 7 min read
• Undici v7 is here: Major release of the popular http client by Matteo Collina / nodejs, http / 8 min read
• How GenAI is reshaping tech hiring: Large language models are forcing tech hiring managers to adapt software engineering interview processes, fast. We look into how this is happening, and what to expect in the near future by Gergely Orosz, Elin Nilsson / interviews / 16 min read
• Egoless Engineering: Very interesting read! by Dan McKinley / engineering / 19 min read
• How To Improve INP: React: In-depth article on which patterns can be uses to improve Interaction-to-Next-Paint (INP) when using React. by Jacob Groß / react, inp, performance / 20 min read
• Astro 5.0: Next major release of Astro has landed! by astro.build / astro / 12 min read
• Don't Fuck With Scroll: Ten reasons not to change the regular scroll behavior. by Adam Siekierski / scrolling / 6 min read
• Why we switched to Astro (and why it might interest you): Story about migrating from Next.js to Astro. by Stefano Verna / astro / 15 min read
• How to Grow Professional Relationships: Tejas shares his spectrum how he measures professional relationships. by Tejas Kumar / engineering, collaboration / 19 min read
• The Cloud Container Iceberg: This guide serves two purposes: to showcase the surprising breadth of container options available today, and to help you understand the full spectrum of choices – from practical to very experimental. by Adam Gordon Bell / containers / 14 min read
• React v19: Next major release of React by react.dev / react / 22 min read
• CSS Wrapped 2024: Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas... by chrome.dev / css / 18 min read
• Why Do Open Source Applications Often Have Less Polished UIs Than Commercial Software: Open-source applications play a critical role in technology, offering powerful tools, innovation, and community-driven development. However, many users have noticed that the user interfaces (UIs) of open-source software often lack the polish and finesse of their commercial, closed-source counterparts. by Darren Horrocks / oss / 4 min read
• The next platform: As someone who has built a career on Kubernetes, I'm always thinking about what "the next platform" is (for job security purposes). by Mac Chaffee / platform, k8s / 1 min read
• Introducing the Prompt Engineering Toolkit: A framework to get accurate and relevant outputs from LLMs. by Sishi Long, Hwamin Kim, Manoj Sureddi / llms, ai / 1 min read
• The Cold Email Handbook: Playbook for cold outbound emails. by za-zu.com / marketing / 64 min read

---

? Tools

• Steel: Open Source Browser API for AI Agents & Apps. Steel Browser is a batteries-included browser instance that lets you build automate the web without worrying about infrastructure. by steel.dev / ai, api, browsers
• Glyph Neue: Beautiful icons by icons8.com / icons
• LaTeX.css: LaTeX.css is a CSS library that makes your website look like a LaTeX document by Vincent Dörig / css
• SeekStorm: sub-millisecond full-text search library & multi-tenancy server in Rust by seekstorm.com / search, rust
• Perfectionist: Take Your Code to a Beauty Salon by Azat S / code, beautifier
• Skia Canvas: A GPU-accelerated 2D graphics environment for Node.js by Christian Swinehart / canvas, nodejs
• Legend State: Legend-State is a super fast and powerful state library that enables fine-grained reactivity and easy automatic persistence by legendapp.com / state, react
• Feather Icons: Simply beautiful open source icons by Cole Bemis / icons
• giscus: A comments system powered by GitHub Discussions. Let visitors leave comments and reactions on your website via GitHub! Heavily inspired by utterances. by giscus.app / comments, github
• react-verification-input: Customizable, masked input for React. by Andreas Willi / react, component
• React Bluesky Embed: Embed Bluesky UI into your application like posts, comments, and profiles by Hichem Fantar / react, component, bluesky
• Tailwind Colors: All the Tailwind CSS colors in a handy cheatsheet with hex, hsl and rgb values. by tailscan.com / colors, tailwind
• Kinesis.js: A library that offers a suite of components to create engaging animations and transformations based on user interactions like mouse movements, scroll events, and even audio input. by Amine Bouyarmane / animations
• Spark UI: Experience The Magic Of Animated Components. Crafted With Vue, TypeScript, TailwindCss And Vueuse Motion by spark-ui.dev / ui
• Markwhen: Make a cascading timeline from markdown-like text. Supports simple American/European date styles, ISO8601, images, links, locations, and more. by markwhen.com / markdown, timeline
• Outerbase Studio: A lightweight Database GUI in your browser. It supports connecting to Postgres, MySQL, and SQLite. by studio.outerbase.com / databases
• Surreal Cloud: The Cloud for everyone by surrealdb.com / infra, cloud
• Radon IDE: Radon IDE is a VSCode and Cursor extension that turns your editor into a fully featured IDE for React Native and Expo. by swmansion.com / ide
• Linkify: JavaScript plugin for finding links in plain-text and converting them to HTML tags. by Nick Frasser / javascript, links
• Checkmate: Checkmate is an open-source, self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents in real-time with beautiful visualizations. by checkmate-demo.bluewavelabs.ca / monitoring
• Browser Sandboxing: An online browser sandbox, also known as an online URL sandbox, lets you securely and safely open a website that you don't trust in a browser that runs in an isolated environment outside of your network. by browserling.com / security, sandbox
• BoldSign: Easily collect legally binding eSignatures online from our app or yours. An enterprise-grade electronic signature application and API with all the bells and whistles at an affordable price. by boldsign.com / signatures
• Agree.com: Securely send and sign any agreement with AI-powered workflows, free e-signature, automated invoicing, and integrated payments. by agree.com / signatures

---

? Design

• The File Folder Structure Every Designer Needs: Keep it clean. by Dan Mall / files / 9 min read

---

? Tutorials

• Creating a TypeScript CLI for Your Monorepo: Useful tool to get quick access to recurring actions. by Chris Cook / cli, typescipt / 9 min read
• Frosted Glass from Games to the Web: Create a nice blur effect. by Wolf Leonhardt / css / 17 min read

---

? Videos

• Building advanced workflows with AWS Step Functions (API402): AWS re:Invent 2024 by Eric Johnson / aws, workflows
• One Framework To Rule Them All: Faster Websites With Astro: Presented at All Things Open 2024 by Eddy Vinck / astro
• London TypeScript Community Meetup: All four great talks. by London TypeScript Community Meetup / typescript

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.

The above is the detailed content of Stay ahead in web development: latest news, tools, and insights #62. For more information, please follow other related articles on the PHP Chinese website!