Simplify Lazy Loading With Intersection Observer’s ScrollMargin
This helps load in data just *before* a user gets to it, and it works with non-root containers and horizontal scrolling.
This helps load in data just *before* a user gets to it, and it works with non-root containers and horizontal scrolling.
Brian Muenzenmeyer on new(ish) things in Node: Through the efforts of contributors over several recent majors, great new features are landing. Each is useful in isolation, but put together they form a more and more comprehensive standard library. Do you need a 3rd party testing library like jest? Maybe, but there is a tester built […]
Set a variable in Pug, then create an inline script which sets that variable for using in JavaScript and use setProperty to pass it to CSS.
CSS can truncate text on a single line or on multiple lines, but it always does so from the end of the text. I’ve seen a (bad) trick reversing the text direction to trim text from the front instead, but never from the middle. Christian Heilmann wrote a package to help with this. I agree […]
You can build your own TypeScript build process, and you might want to if you need true type checking and compatibility with a wider ecosystem of tools. But lots of tools, including now Node itself, just accept TypeScript as if it were JavaScript.
TanStack Start enhances the TanStack Router by adding a server layer that improves performance through server-side rendering (SSR) and isomorphic loaders.
“… props that match a property on the Custom Element instance will be assigned as properties, otherwise they will be assigned as attributes.”
TanStack Query, or react-query, simplifies client-side data fetching with features like caching, automatic re-fetching, and error handling. It integrates smoothly with TanStack Router, allowing efficient prefetching and loading states using hooks like useSuspenseQuery.
TanStack Router is one of the most exciting projects in the web development ecosystem right now, and it doesn’t get nearly enough attention. It’s a fully fledged client-side application framework that supports advanced routing, nested layouts, and hooks for loading data. Best of all, it does all of this with deep type safety. This post […]
jQuery for was great and all, but Alpine.js simplifies tasks like data binding and DOM manipulation, providing using a more declarative and clear structure, making it ideal for smaller projects.
Frontend Masters Donates to open source projects. $363,806 contributed to date.