Introducing Express v5: A New Era for Node.js Framework
Announcing the release of Express version 5
https://expressjs.com/2024/10/15/v5-release.html
Announcing the release of Express version 5
https://expressjs.com/2024/10/15/v5-release.html
π1
Case Study: Dutenβs 2024 Website
Explore the dynamic collaboration between designer SΓ©bastien Salord and the talented team at Incredibles Development Studio as they join forces to take Dutenβs digital presence to the next level.
https://tympanus.net/codrops/2024/10/17/case-study-dutens-2024-website/
Explore the dynamic collaboration between designer SΓ©bastien Salord and the talented team at Incredibles Development Studio as they join forces to take Dutenβs digital presence to the next level.
https://tympanus.net/codrops/2024/10/17/case-study-dutens-2024-website/
π1
React Essentials: Stale State and Hooks Pitfalls
Discover common pitfalls of stale state and hooks in React and learn best practices for optimizing component performance.
https://karim-mokhtar.medium.com/react-essentials-stale-state-and-hooks-pitfalls-804c8ff174fb
Discover common pitfalls of stale state and hooks in React and learn best practices for optimizing component performance.
https://karim-mokhtar.medium.com/react-essentials-stale-state-and-hooks-pitfalls-804c8ff174fb
Fanout with Grid and View Transitions
https://frontendmasters.com/blog/fanout-with-grid-and-view-transitions/
https://frontendmasters.com/blog/fanout-with-grid-and-view-transitions/
π1π₯1
How should <selectedoption> work?
It's part of the new customisable , but there are some tricky details.
https://jakearchibald.com/2024/how-should-selectedoption-work/
It's part of the new customisable , but there are some tricky details.
https://jakearchibald.com/2024/how-should-selectedoption-work/
π1
Understanding Redux: A tutorial with examples
This guide provides a foundational understanding of Redux and why you should use it for state management in a React app.
https://blog.logrocket.com/understanding-redux-tutorial-examples/
This guide provides a foundational understanding of Redux and why you should use it for state management in a React app.
https://blog.logrocket.com/understanding-redux-tutorial-examples/
π2π2π€£2
Redux Persist Storage Options: From LocalStorage to IndexedDB and Beyond
Explore different storage options available with Redux Persist
https://medium.com/@eva.matova6/redux-persist-storage-options-from-localstorage-to-indexeddb-and-beyond-2d36ca3c0dc3
Explore different storage options available with Redux Persist
https://medium.com/@eva.matova6/redux-persist-storage-options-from-localstorage-to-indexeddb-and-beyond-2d36ca3c0dc3
π₯1
How To Build a Carbon-Aware Website Using React and Next.js
You can make a carbon-aware website in three simple steps, by harnessing the power of server-side rendering on Next.js.
https://thenewstack.io/how-to-build-a-carbon-aware-website-using-react-and-next-js/
You can make a carbon-aware website in three simple steps, by harnessing the power of server-side rendering on Next.js.
https://thenewstack.io/how-to-build-a-carbon-aware-website-using-react-and-next-js/
The New Stack
How To Build a Carbon-Aware Website Using React and Next.js
You can make a carbon-aware website in three simple steps, by harnessing the power of server-side rendering on Next.js.
Interactive post on OKLCH color space
Limitations of sRGB, and how OKlch makes color transitions smoother and more natural, just like the human eye perceives them.
https://abhisaha.com/blog/interactive-post-oklch-color-space/
Limitations of sRGB, and how OKlch makes color transitions smoother and more natural, just like the human eye perceives them.
https://abhisaha.com/blog/interactive-post-oklch-color-space/
New scroll badge in DevTools: Find scrollable elements faster
Learn how DevTools' new scroll badge simplifies debugging scrollable elements (and how we built it!).
https://developer.chrome.com/blog/swe-devtools-scroll-badge?hl=en
Learn how DevTools' new scroll badge simplifies debugging scrollable elements (and how we built it!).
https://developer.chrome.com/blog/swe-devtools-scroll-badge?hl=en
π2
How to Create Filling CSS Loaders Using One Element
In a previous article, I showed you how to create two types of CSS loaders: a spinner and a progress bar. In this article, youβll learn about another variation called a filling CSS loader. I think a demo is worth thousands of words, so check out this...
https://www.freecodecamp.org/news/filling-css-loaders/
In a previous article, I showed you how to create two types of CSS loaders: a spinner and a progress bar. In this article, youβll learn about another variation called a filling CSS loader. I think a demo is worth thousands of words, so check out this...
https://www.freecodecamp.org/news/filling-css-loaders/
π2β€1
How to Write Cleaner JavaScript Code with The Ternary Operator
When you're coding in JavaScript, handling decisions through conditional statements is one of the core tasks you'll frequently encounter. One of the most commonly used methods for this is the ternary operator. But what exactly is it, and when should ...
https://www.freecodecamp.org/news/write-cleaner-javascript-code-with-the-ternary-operator/
When you're coding in JavaScript, handling decisions through conditional statements is one of the core tasks you'll frequently encounter. One of the most commonly used methods for this is the ternary operator. But what exactly is it, and when should ...
https://www.freecodecamp.org/news/write-cleaner-javascript-code-with-the-ternary-operator/
β€2
Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework
Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.
https://tympanus.net/codrops/2024/10/21/getting-started-with-piecesjs-building-native-web-components-with-a-lightweight-framework/
Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.
https://tympanus.net/codrops/2024/10/21/getting-started-with-piecesjs-building-native-web-components-with-a-lightweight-framework/
π1
Perfectly Fitting Text to Container in React
Building a React component that automatically updates its font size to fill its parent element as fully as possible.
https://sentry.engineering/blog/perfectly-fitting-text-to-container-in-react
Building a React component that automatically updates its font size to fill its parent element as fully as possible.
https://sentry.engineering/blog/perfectly-fitting-text-to-container-in-react
Understanding infer in TypeScript
The infer keyword and conditional typing in TypeScript allow us to take a type and isolate any piece of it for later use. Learn more here.
https://blog.logrocket.com/understanding-infer-typescript/
The infer keyword and conditional typing in TypeScript allow us to take a type and isolate any piece of it for later use. Learn more here.
https://blog.logrocket.com/understanding-infer-typescript/
β€2
A Modern CSS Reset
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
https://www.joshwcomeau.com/css/custom-css-reset/
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
https://www.joshwcomeau.com/css/custom-css-reset/
π3β€1π€£1