Home Web Front-end JS Tutorial What&#s Hot in Web Dev?

What&#s Hot in Web Dev?

Dec 09, 2024 pm 07:52 PM

What

This year I started a new series on LinkedIn - "Advanced Links for Frontend". Each issue has 10 links to outstanding posts / articles. This bundle contains the links from the last 5 issues (issue 66 to issue 70).

I hope you enjoy this collection. Let me know in the comments which of these articles is your favorite (and why).

Issue 66

How Bun supports V8 APIs without using V8 (part 2) (https://bun.sh/blog/how-bun-supports-v8-apis-without-using-v8-part-2) by Ben Grant

What is the best React Native list component? (https://expo.dev/blog/what-is-the-best-react-native-list-component) by Simon Grimm

Centering things: a solved problem? (https://fullystacked.net/centering-things/) by Ollie Williams

WebVM 2.0: A complete Linux Desktop Environment in the browser via WebAssembly (https://labs.leaningtech.com/blog/webvm-20) by Alessandro Pignotti

I Followed the Official AWS Amplify Guide and was Charged $1,100 (https://elliott-king.github.io/2024/10/amplify-overcharge/) by Elliott King

The Different (and Modern) Ways to Toggle Content (https://css-tricks.com/the-different-and-modern-ways-to-toggle-content/) by Daniel Schwarz

Using Typescript in node.js scripts without actually writing Typescript (https://www.jonathancreamer.com/using-typescript-in-node-js-scripts-without-actually-writing-typescript/) by Jonathan Creamer

Overflow Clip (https://ishadeed.com/article/overflow-clip/) by Ahmad Shadeed

Conditional Props in React Using Type Discrimination (https://elanmed.dev/blog/conditional-props-using-type-discrimination) by Elan Medoff

Micro Components - a different approach to a simpler component-based web (https://www.wearedevelopers.com/magazine/micro-components---an-alternative-to-web-components-and-frameworks/) by Chris Heilmann

Issue 67

JavaScript's ??= Operator: Default Values Made Simple (https://www.trevorlasn.com/blog/javascript-nullish-coalescing-assignment-operator) by Trevor Lasn

Fit-to-Width Text: A New Technique (https://kizu.dev/fit-to-width/) by Roman Komarov

Self-contained Executable Programs with Deno Compile (https://deno.com/blog/deno-compile-executable-programs) by Ryan Dahl and Andy Jiang

New in React 19 - Pre-warming (https://github.com/facebook/react/issues/29898) by Ricky Hanlon

Will we care about frameworks in the future? (https://paul.kinlan.me/will-we-care-about-frameworks-in-the-future/) by Paul Kinlan

Introducing the vlt Package Manager & Serverless Registry (https://blog.vlt.sh/blog/introducing-vlt-and-vsr) by Darcy Clark et al.

The Saga Pattern in Elixir (https://peterullrich.com/saga-pattern-in-elixir) by Peter Ullrich

Generating Random Mazes with JavaScript (https://cloudfour.com/thinks/generating-random-mazes-with-javascript/) by Paul Hebert

Beautiful focus outlines (https://medienbaecker.com/articles/focus-outlines) by Thomas Günther

The Tragedy of Running an Old Node Project (https://abdisalan.com/posts/tragedy-running-old-node-project) by Abdisalan Mohamud

Issue 68

Long Frames and INP: Understanding Post-Load Performance (https://dev.to/viniciusdallacqua/long-frames-and-inp-understanding-post-load-performance-2maa) by @viniciusdallacqua

Reporting Core Web Vitals With The Performance API (https://www.smashingmagazine.com/2024/02/reporting-core-web-vitals-performance-api/) by Geoff Graham

React Router v7 (https://remix.run/blog/react-router-v7) by Michael Jackson

The Shadow DOM is in the front (https://abstract.properties/the-shadow-dom-is-in-the-front.html) by Sufian Rhazi

Tailwind CSS v4.0 Beta 1 (https://tailwindcss.com/blog/tailwindcss-v4-beta) by Adam Wathan

Announcing TypeScript 5.7 (https://devblogs.microsoft.com/typescript/announcing-typescript-5-7/) by Daniel Rosenwasser

Handling Cookies is a Minefield (https://grayduck.mn/2024/11/21/handling-cookies-is-a-minefield/) by April King

This Website is Hosted on Bluesky (https://danielmangum.com/posts/this-website-is-hosted-on-bluesky/) by Daniel Mangum

Zero Disk Architecture (https://avi.im/blag/2024/zero-disk-architecture/) by Avinash Sajjanshetty

Google’s Chrome Worth Up to $20 Billion If Judge Orders Sale (https://www.bloomberg.com/news/articles/2024-11-18/doj-will-push-google-to-sell-off-chrome-to-break-search-monopoly) by Leah Nylen and Josh Sisco

Issue 69

Webflow Design Language: Bridging The Gap Between Design & Code (https://webflow.com/blog/webflow-design-language) by Merrick Christensen

Building Reddit’s Frontend with Vite (https://www.reddit.com/r/RedditEng/comments/1dhztk8/building_reddits_frontend_with_vite/) by Jim Simon

Interop and Hard Problems (https://bkardell.com/blog/debt.html) by Brian Kardell

Vite 6.0 is out! (https://vite.dev/blog/announcing-vite6.html) by Evan You

A Complete Guide To Live Validation UX (https://www.smashingmagazine.com/2022/09/inline-validation-web-forms-ux/) by Vitaly Friedman

Placeholders in Form Fields Are Harmful (https://www.nngroup.com/articles/form-design-placeholders/) by Katie Sherwin

Browser APIs: Must-Know Secrets for Every Frontend Developer! (https://dev.to/mukhilpadmanabhan/browser-apis-must-know-secrets-for-every-frontend-developer-55lk) by @mukhilpadmanabhan

I learned React Native as a web developer, and I got everything wrong (https://fernandorojo.co/mistakes) by Fernando Rojo

Why TanStack Start is Ditching Adapters (https://tanstack.com/blog/why-tanstack-start-is-ditching-adapters) by Tanner Linsley

Vitest vs. Jest (https://www.speakeasy.com/post/vitest-vs-jest) by Nolan Sullivan

Issue 70

Why am I writing a JavaScript toolchain in Zig? (https://injuly.in/blog/announcing-jam/index.html) by Srijan Paul

November 20, 2024 Release (https://react-spectrum.adobe.com/releases/2024-11-20.html) by React Aria

Effortless UI Spring Animations: A Two-Parameter Approach (https://www.kvin.me/posts/effortless-ui-spring-animations) by Kevin Grajeda

If Not React, Then What? (https://infrequently.org/2024/11/if-not-react-then-what/) by Alex Russell

Comparing AWS S3 with Cloudflare R2: Price, Performance and User Experience (https://kerkour.com/aws-s3-vs-cloudflare-r2-price-performance-user-experience) by Sylvain Kerkour

The Must-Have Obsidian plugins for 2025 (https://www.dsebastien.net/2022-10-19-the-must-have-obsidian-plugins/) by Sebastien Dubois

A Layered Approach to Speculation Rules (https://csswizardry.com/2024/12/a-layered-approach-to-speculation-rules/) by Harry Roberts

Nothing Is Something (https://blog.jim-nielsen.com/2024/nothing-is-something/) by Jim Nielsen

Increasing Vite's potential with the Environment API (https://green.sapphi.red/blog/increasing-vites-potential-with-the-environment-api) by sapphi-red

Existential React questions and a perfect Modal Dialog (https://www.developerway.com/posts/hard-react-questions-and-modal-dialog) by Nadia Makarevich

Conclusion

These are all outstanding articles by masterful authors. I enjoyed reading them all - I hope you did find something in there, too.

? Follow me on LinkedIn, Twitter, BlueSky, or here for more to come.

? Thanks to all the authors and contributors for their hard work!

The above is the detailed content of What&#s Hot in Web Dev?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I create and publish my own JavaScript libraries? How do I create and publish my own JavaScript libraries? Mar 18, 2025 pm 03:12 PM

Article discusses creating, publishing, and maintaining JavaScript libraries, focusing on planning, development, testing, documentation, and promotion strategies.

How do I optimize JavaScript code for performance in the browser? How do I optimize JavaScript code for performance in the browser? Mar 18, 2025 pm 03:14 PM

The article discusses strategies for optimizing JavaScript performance in browsers, focusing on reducing execution time and minimizing impact on page load speed.

What should I do if I encounter garbled code printing for front-end thermal paper receipts? What should I do if I encounter garbled code printing for front-end thermal paper receipts? Apr 04, 2025 pm 02:42 PM

Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

How do I debug JavaScript code effectively using browser developer tools? How do I debug JavaScript code effectively using browser developer tools? Mar 18, 2025 pm 03:16 PM

The article discusses effective JavaScript debugging using browser developer tools, focusing on setting breakpoints, using the console, and analyzing performance.

How do I use source maps to debug minified JavaScript code? How do I use source maps to debug minified JavaScript code? Mar 18, 2025 pm 03:17 PM

The article explains how to use source maps to debug minified JavaScript by mapping it back to the original code. It discusses enabling source maps, setting breakpoints, and using tools like Chrome DevTools and Webpack.

How do I use Java's collections framework effectively? How do I use Java's collections framework effectively? Mar 13, 2025 pm 12:28 PM

This article explores effective use of Java's Collections Framework. It emphasizes choosing appropriate collections (List, Set, Map, Queue) based on data structure, performance needs, and thread safety. Optimizing collection usage through efficient

TypeScript for Beginners, Part 2: Basic Data Types TypeScript for Beginners, Part 2: Basic Data Types Mar 19, 2025 am 09:10 AM

Once you have mastered the entry-level TypeScript tutorial, you should be able to write your own code in an IDE that supports TypeScript and compile it into JavaScript. This tutorial will dive into various data types in TypeScript. JavaScript has seven data types: Null, Undefined, Boolean, Number, String, Symbol (introduced by ES6) and Object. TypeScript defines more types on this basis, and this tutorial will cover all of them in detail. Null data type Like JavaScript, null in TypeScript

Getting Started With Chart.js: Pie, Doughnut, and Bubble Charts Getting Started With Chart.js: Pie, Doughnut, and Bubble Charts Mar 15, 2025 am 09:19 AM

This tutorial will explain how to create pie, ring, and bubble charts using Chart.js. Previously, we have learned four chart types of Chart.js: line chart and bar chart (tutorial 2), as well as radar chart and polar region chart (tutorial 3). Create pie and ring charts Pie charts and ring charts are ideal for showing the proportions of a whole that is divided into different parts. For example, a pie chart can be used to show the percentage of male lions, female lions and young lions in a safari, or the percentage of votes that different candidates receive in the election. Pie charts are only suitable for comparing single parameters or datasets. It should be noted that the pie chart cannot draw entities with zero value because the angle of the fan in the pie chart depends on the numerical size of the data point. This means any entity with zero proportion

See all articles