Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
https://tympanus.net/codrops/2025/02/11/building-efficient-three-js-scenes-optimize-performance-while-maintaining-quality/
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
https://tympanus.net/codrops/2025/02/11/building-efficient-three-js-scenes-optimize-performance-while-maintaining-quality/
Sunsetting Create React App
The library for web and native user interfaces
https://react.dev/blog/2025/02/14/sunsetting-create-react-app
The library for web and native user interfaces
https://react.dev/blog/2025/02/14/sunsetting-create-react-app
The React data-table I always wanted
Better design, new features, and performance improvements.
https://www.openstatus.dev/blog/data-table-redesign
Better design, new features, and performance improvements.
https://www.openstatus.dev/blog/data-table-redesign
❤1
Faux Containers in CSS Grids
A simple trick for styling cards with breakout elements.
https://cloudfour.com/thinks/faux-containers-in-css-grids/
A simple trick for styling cards with breakout elements.
https://cloudfour.com/thinks/faux-containers-in-css-grids/
How to check for null, undefined, or empty values in JavaScript
Learn how to write a null check function in JavaScript and explore the differences between the null and undefined attributes.
https://blog.logrocket.com/javascript-null-empty-function/
Learn how to write a null check function in JavaScript and explore the differences between the null and undefined attributes.
https://blog.logrocket.com/javascript-null-empty-function/
❤1
Smuggling arbitrary data through an emoji
https://paulbutler.org/2025/smuggling-arbitrary-data-through-an-emoji/
https://paulbutler.org/2025/smuggling-arbitrary-data-through-an-emoji/
Style-observer: JS to observe CSS property changes, for reals
I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases abound. Here are some of mine: Implement higher level custom properties in components, where one custom property changes multiple others in nontrivial ways (e.g. a --variant: danger that sets 10 color tokens). Polyfill missing CSS features Change certain HTML attributes via CSS (hello --aria-expanded!) Set CSS properties based on other CSS properties without having to mirror them as custom properties The most recent time I needed this was to prototype an idea I had for Web Awesome, and I decided this was it: I’d either find a good, bulletproof solution, or I would build it myself. Spoiler alert: Oops, I did it again
https://lea.verou.me/blog/2025/style-observer/
I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases abound. Here are some of mine: Implement higher level custom properties in components, where one custom property changes multiple others in nontrivial ways (e.g. a --variant: danger that sets 10 color tokens). Polyfill missing CSS features Change certain HTML attributes via CSS (hello --aria-expanded!) Set CSS properties based on other CSS properties without having to mirror them as custom properties The most recent time I needed this was to prototype an idea I had for Web Awesome, and I decided this was it: I’d either find a good, bulletproof solution, or I would build it myself. Spoiler alert: Oops, I did it again
https://lea.verou.me/blog/2025/style-observer/
❤1🗿1
Interop 2025: another year of web platform improvements
Discover the features included in Interop 2025.
https://web.dev/blog/interop-2025
Discover the features included in Interop 2025.
https://web.dev/blog/interop-2025
👍1
Learning web extensions
I blinked and the first month of 2025 went by. NGL, 2024 was…challenging. So forgive me for choosing to just shut down during the end of last year. But I did do some things that I thought were worth sharing and I have deferred that until now.
https://chenhuijing.com/blog/learning-web-extensions/
I blinked and the first month of 2025 went by. NGL, 2024 was…challenging. So forgive me for choosing to just shut down during the end of last year. But I did do some things that I thought were worth sharing and I have deferred that until now.
https://chenhuijing.com/blog/learning-web-extensions/
👍2
Display the version of a deployed Angular application
Never lose track of your deployed versions again!
https://medium.com/ekino-france/display-the-version-of-a-deployed-angular-application-608cd6fff3d6
Never lose track of your deployed versions again!
https://medium.com/ekino-france/display-the-version-of-a-deployed-angular-application-608cd6fff3d6
Medium
Display the version of a deployed Angular application
Never lose track of your deployed versions again!
👍2
Some Devs Turn to TanStack After Remix/React Router Merger
Meta-framework Remix merged React Router v7 in November, prompting some developers to abandon the framework for TanStack.
https://thenewstack.io/why-some-developers-are-unhappy-with-react-router/
Meta-framework Remix merged React Router v7 in November, prompting some developers to abandon the framework for TanStack.
https://thenewstack.io/why-some-developers-are-unhappy-with-react-router/
The New Stack
Some Devs Turn to TanStack After Remix/React Router Merger
Meta-framework Remix merged React Router v7 in November, prompting some developers to abandon the framework for TanStack.
Building high-performance websites using htmx and Go
Use htmx and Go to build high-performance websites, leveraging server-side rendering and minimal JavaScript for fast and efficient applications.
https://blog.logrocket.com/building-high-performance-websites-using-htmx-go/
Use htmx and Go to build high-performance websites, leveraging server-side rendering and minimal JavaScript for fast and efficient applications.
https://blog.logrocket.com/building-high-performance-websites-using-htmx-go/
👍1
Micro Frontends with Angular and Native Federation
Enterprise-scale software systems are often implemented by several cross-functional teams. To enable such teams to provide new features…
https://blog.angular.dev/micro-frontends-with-angular-and-native-federation-7623cfc5f413
Enterprise-scale software systems are often implemented by several cross-functional teams. To enable such teams to provide new features…
https://blog.angular.dev/micro-frontends-with-angular-and-native-federation-7623cfc5f413
Medium
Micro Frontends with Angular and Native Federation
Enterprise-scale software systems are often implemented by several cross-functional teams. To enable such teams to provide new features…
How to start a React Project [2025]
React starter kits (Vite, Next, Astro, Remix, React Router) which help React developers to start a React project in 2025 ...
https://www.robinwieruch.de/react-starter/
React starter kits (Vite, Next, Astro, Remix, React Router) which help React developers to start a React project in 2025 ...
https://www.robinwieruch.de/react-starter/
What is the MERN stack? Overview with examples
Discover how the MERN stack (MongoDB, Express.js, React, Node.js) enables developers to build dynamic, performant, modern websites and apps.
https://blog.logrocket.com/mern-stack/
Discover how the MERN stack (MongoDB, Express.js, React, Node.js) enables developers to build dynamic, performant, modern websites and apps.
https://blog.logrocket.com/mern-stack/
React useReducer Hook: A Guide to State Management
Learn how to manage complex state in React applications with useReducer. Discover practical examples, best practices, and when to choose useReducer over useState.
https://jsdev.space/react-hook-usereducer/
Learn how to manage complex state in React applications with useReducer. Discover practical examples, best practices, and when to choose useReducer over useState.
https://jsdev.space/react-hook-usereducer/
❤2👍1
Taking RWD To The Extreme
Tomasz Jakut reflects on the evolution of web design, from the days of table-based layouts and Flash games to the rise of responsive web design (RWD), which often feels like the end of history in web layout. But as 2025 marks the 15th anniversary of Ethan Marcotte’s article, it’s worth asking whether something significant happened after RWD — something so seamless that it went almost unnoticed.
https://www.smashingmagazine.com/2025/02/taking-rwd-to-the-extreme/
Tomasz Jakut reflects on the evolution of web design, from the days of table-based layouts and Flash games to the rise of responsive web design (RWD), which often feels like the end of history in web layout. But as 2025 marks the 15th anniversary of Ethan Marcotte’s article, it’s worth asking whether something significant happened after RWD — something so seamless that it went almost unnoticed.
https://www.smashingmagazine.com/2025/02/taking-rwd-to-the-extreme/
👍1
Monorepos in JavaScript & TypeScript
A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, Turborepo/NX/Lerna, Git Submodules, ...
https://www.robinwieruch.de/javascript-monorepos/
A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools like npm/yarn/pnpm workspaces, Turborepo/NX/Lerna, Git Submodules, ...
https://www.robinwieruch.de/javascript-monorepos/
HTML & CSS for a One-Time Password Input
https://frontendmasters.com/blog/html-css-for-a-one-time-password-input/
https://frontendmasters.com/blog/html-css-for-a-one-time-password-input/
❤1