Real-Time Font Management in Expo - https://medium.com/@valentineminer27/real-time-font-management-in-expo-2dc107fc89d1
#react
#react
Medium
Real-Time Font Management in Expo
I’ve cooked up a package that takes the headache out of font management in React Native and Expo. The coolest part? You can switch fonts on…
👍3
Experiment: Automatically triggered View Transitions with MutationObserver
Bramus Van Damme shows how to auto-trigger a View Transition with MutationObserver. - https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver
#css
Bramus Van Damme shows how to auto-trigger a View Transition with MutationObserver. - https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver
#css
Bram.us
View Transitions Experiment: Automatically triggered View Transitions with MutationObserver
A MutationObserver and document.startViewTransition love story.
👍6
Writing Composable SQL using Knex and Pipelines - https://lackofimagination.org/2024/11/writing-composable-sql-using-knex-and-pipelines/
#nodejs
#nodejs
Lack of Imagination
Writing Composable SQL using Knex and Pipelines
Despite all its strengths, SQL can be awkward to integrate with host languages such as JavaScript and Python. There’s often an impedance mismatch between SQL’s declarative nature and the host language’s object-oriented or functional paradigms – SQL queries…
👍3
Solved by CSS: Donuts Scopes
Juan Diego Rodríguez explores different solutions to prevent parent styles from leaking to nested content, including 2024’s @scope at-rule. - https://css-tricks.com/solved-by-css-donuts-scopes
#css
Juan Diego Rodríguez explores different solutions to prevent parent styles from leaking to nested content, including 2024’s @scope at-rule. - https://css-tricks.com/solved-by-css-donuts-scopes
#css
CSS-Tricks
Solved by CSS: Donuts Scopes | CSS-Tricks
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding…
👍4
Creating a Custom Click Me Load More Screen in Angular
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for… - https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098
#angular
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for… - https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098
#angular
Medium
Create a Custom Click Me Load More Screen in Your Angular App
If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for the app to be bootstrapped. In…
👍4❤2
React v19 Released
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
react.dev
React v19 – React
The library for web and native user interfaces
👍4
Async Prop Fetching
Learn how you can use Kitbag Router in Vue.js to fetch your async data with route params and provide that down to your components. - https://medium.com/@stackoverfloweth/async-prop-fetching-96dbb833c822
#vue
Learn how you can use Kitbag Router in Vue.js to fetch your async data with route params and provide that down to your components. - https://medium.com/@stackoverfloweth/async-prop-fetching-96dbb833c822
#vue
Medium
Async Prop Fetching
How to move dependency resolving into your routes
👍5
The new “window.ai” API will blow your mind.
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini… - https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0
#ai
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini… - https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0
#ai
Medium
The new “window.ai” API will blow your mind.
Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini Nano.
👍3
Solved By Modern CSS: Feature Image
Ahmad Shadeed shows how to use container queries and CSS :has() to build a feature image. - https://ishadeed.com/article/modern-css-feature-image
#css
Ahmad Shadeed shows how to use container queries and CSS :has() to build a feature image. - https://ishadeed.com/article/modern-css-feature-image
#css
Ishadeed
Solved By Modern CSS: Feature Image
Using container queries and CSS :has() to build a feature image.
👍4
Implementing Filtered Semantic Search Using pgvector and JS
If you need something more sophisticated than keyword search, a semantic approach based upon the meanings of words/queries compared using vector embeddings offers a big step up. Luckily, there are some Postgres extensions that make building such things quite simple.. - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript-2
#nodejs
If you need something more sophisticated than keyword search, a semantic approach based upon the meanings of words/queries compared using vector embeddings offers a big step up. Luckily, there are some Postgres extensions that make building such things quite simple.. - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript-2
#nodejs
Timescale Blog
Implementing Filtered Semantic Search Using Pgvector and JavaScript
Explore semantic search with filters and learn how you can implement it with pgvector and JavaScript.
👍4
Angular Internalization: Switching between multiple locales and deploying to…
In this 2-part series, will share how you can internationalize your angular application and deploy to a nginx… - https://javascript.plainenglish.io/angular-internalization-switching-between-multiple-locales-and-deploying-to-nginx-part-i-c0304b21c638
#angular
In this 2-part series, will share how you can internationalize your angular application and deploy to a nginx… - https://javascript.plainenglish.io/angular-internalization-switching-between-multiple-locales-and-deploying-to-nginx-part-i-c0304b21c638
#angular
Medium
Angular Internalization: Switching between multiple locales and deploying to nginx — Part-I
In this 2-part series, will share how you can internationalize your angular application and deploy to a nginx web server.
👍4
My new favorite way to build apps…
NuxtHub is a new way to deploy your Nuxt apps built by NuxtLabs. This video provides an introduction to NuxtHub and what it offers to building Nuxt applications - https://www.youtube.com/watch?v=hlmPqDkc3_s
#vue
NuxtHub is a new way to deploy your Nuxt apps built by NuxtLabs. This video provides an introduction to NuxtHub and what it offers to building Nuxt applications - https://www.youtube.com/watch?v=hlmPqDkc3_s
#vue
👍3
My React Tech Stack for 2025
After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place. - https://www.robinwieruch.de/react-tech-stack/
#react
After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place. - https://www.robinwieruch.de/react-tech-stack/
#react
www.robinwieruch.de
React Tech Stack [2025]
Popular React Tech Stack for Full-Stack Applications in 2025 to create your product (i.e. SaaS) ...
👍4
Applying SOLID Principles in NestJS: A Comprehensive Guide
NestJS is a powerful framework for building efficient and scalable server-side applications. Leveraging… - https://medium.com/@bouhouchchamseddine/applying-solid-principles-in-nestjs-a-comprehensive-guide-b821fbe4bdd3
#principle #soid
NestJS is a powerful framework for building efficient and scalable server-side applications. Leveraging… - https://medium.com/@bouhouchchamseddine/applying-solid-principles-in-nestjs-a-comprehensive-guide-b821fbe4bdd3
#principle #soid
Medium
Applying SOLID Principles in NestJS: A Comprehensive Guide
NestJS is a powerful framework for building efficient and scalable server-side applications. Leveraging TypeScript and strong design…
👍7
Building Enterprise Angular Applications with Domain Driven Design
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be… - https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420
#angular
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be… - https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420
#angular
Medium
Building Enterprise Angular Applications with Domain Driven Design
Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be built around a deep…
👍4
Baseline 2024: More Tools To Help Web Developers
Mariko Kosaka, Pete LePage, and Rachel Andrew share how the Baseline project evolved in 2024. - https://web.dev/blog/baseline-project-2024
#css
Mariko Kosaka, Pete LePage, and Rachel Andrew share how the Baseline project evolved in 2024. - https://web.dev/blog/baseline-project-2024
#css
web.dev
Baseline 2024: more tools to help web developers | Articles | web.dev
web-features dataset, Web Platform Status dashboard, Baseline status widget and more! Take a look back on Baseline in 2024.
❤2👍2😁1
An Introduction to Database Migrations with Drizzle ORM - https://frontendmasters.com/blog/drizzle-database-migrations/
#nodejs
#nodejs
Frontend Masters
Drizzle Database Migrations
Drizzle ORM is an incredibly impressive object-relational mapper (ORM). Like traditional ORMs, it offers a domain-specific language (DSL) for querying entire object graphs. Imagine grabbing some “tasks”, along with “comments” on those tasks from your database.…
👍2
Understanding Script Click Me Load More: Async, Defer, and Module
Click Me Load More scripts efficiently is crucial for optimizing the performance and user experience of web… - https://medium.com/@asierr/understanding-script-loading-async-defer-and-module-a442ae162588
#script #async #html
Click Me Load More scripts efficiently is crucial for optimizing the performance and user experience of web… - https://medium.com/@asierr/understanding-script-loading-async-defer-and-module-a442ae162588
#script #async #html
Medium
Understanding Script Click Me Load More: Async, Defer, and Module
Click Me Load More scripts efficiently is crucial for optimizing the performance and user experience of web applications. In the early days of web…
👍3
Automate Your Vue Deployment: A Step-by-Step Guide to Using GitHub Actions
This blog post includes a step-by-step guide on how to deploy your Vue application using GitHub Actions. - https://dev.to/shivishbrahma/automate-your-vue-deployment-a-step-by-step-guide-to-using-github-actions-44oa
#vue
This blog post includes a step-by-step guide on how to deploy your Vue application using GitHub Actions. - https://dev.to/shivishbrahma/automate-your-vue-deployment-a-step-by-step-guide-to-using-github-actions-44oa
#vue
DEV Community
Automate Your Vue Deployment: A Step-by-Step Guide to Using GitHub Actions
Deploying a Vue application can be a tedious and error-prone process, especially when done manually....
👍6
Next.js 15.1: Now Officially Supporting React 19
As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors. - https://nextjs.org/blog/next-15-1
#react
As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors. - https://nextjs.org/blog/next-15-1
#react
nextjs.org
Next.js 15.1
Next.js 15.1 introduces React 19 stable support, improved error debugging, new experimental authorization APIs, and more.
👍5