Supercharging Your Next.js App with Cloudinary Images and Video
Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting. - https://www.youtube.com/watch?v=6Z3XoEoebRQ
#react
Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting. - https://www.youtube.com/watch?v=6Z3XoEoebRQ
#react
YouTube
Supercharging your Next.js App with Cloudinary Images & Video ft. Colby Fayock
Unlock the full potential of your Next.js applications by mastering the integration of Cloudinary for efficient handling of images and video content. In this JS Drop, participants will learn the intricacies of seamlessly incorporating Cloudinary's powerful…
👍4
CSS for Printing to Paper
Ethan Dalool explains the basics of print stylesheets and shares some tips and tricks to help you optimize your webpages for print. - https://voussoir.net/writing/css_for_printing
#css
Ethan Dalool explains the basics of print stylesheets and shares some tips and tricks to help you optimize your webpages for print. - https://voussoir.net/writing/css_for_printing
#css
👍7
The Faster Lambda Runtime: Node or LLRT? We Benchmarked
Amazon recently open sourced LLRT, a new low latency server side JavaScript runtime targeting ephemeral use cases, such as serverless. - https://learnaws.io/blog/node-vs-llrt
#nodejs
Amazon recently open sourced LLRT, a new low latency server side JavaScript runtime targeting ephemeral use cases, such as serverless. - https://learnaws.io/blog/node-vs-llrt
#nodejs
learnaws.io
The faster Lambda runtime - NodeJS or LLRT? We benchmarked.
LLRT is a Low Latency Runtime for AWS Lambda built with QuickJS & Rust. Can it replace NodeJS? LLRT reduces your Lambda cost by 2x, and cold start by 10x.
👍4
8 Useful Angular Libraries
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may… - https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
#angular
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may… - https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
#angular
Medium
8 Useful Angular Libraries
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may have heard about some of these…
👍4
All we know about Vue 3's Vapor Mode
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. This article provides a comprehensive look at Vapor Mode in Vue.js - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. This article provides a comprehensive look at Vapor Mode in Vue.js - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
👍3
Looking Into the Type System of the React Compiler
If you’re not merely content to wait to see what the React Compiler will bring, but want to dig into the details under the hood, Sathya is here for you. - https://www.recompiled.dev/blog/type-system/
#react
If you’re not merely content to wait to see what the React Compiler will bring, but want to dig into the details under the hood, Sathya is here for you. - https://www.recompiled.dev/blog/type-system/
#react
www.recompiled.dev
Type system of the React compiler
The post describes how the type system of the React compiler is implemented and used
👍4❤1
Creating Color Palettes With the CSS color-mix() Function
Michelle Barker examines how the color-mix() function can be a game-changer for your design process. - https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix
#css
Michelle Barker examines how the color-mix() function can be a game-changer for your design process. - https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix
#css
MDN Web Docs
Creating color palettes with the CSS color-mix() function | MDN Blog
Working with colors on the web just got more interesting! In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.
👍5
How npm install Scripts Can Be Weaponized
A quick look at a real world example of how npm pre-install and post-install scripts can serve as ways to inject malicious code into open source packages. - https://stacklok.com/blog/how-npm-install-scripts-can-be-weaponized-a-real-life-example-of-a-harmful-npm-package
#nodejs
A quick look at a real world example of how npm pre-install and post-install scripts can serve as ways to inject malicious code into open source packages. - https://stacklok.com/blog/how-npm-install-scripts-can-be-weaponized-a-real-life-example-of-a-harmful-npm-package
#nodejs
Stacklok
How npm install scripts can be weaponized: A real-world example of a harmful npm package
How npm preinstall and postinstall scripts can serve as methods to inject malicious code into open source packages.
👍5❤1
DOM, DI and View: the trees of Angular
It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore… - https://medium.com/its-tinkoff/dom-di-and-view-the-trees-of-angular-2ef959e7fafd
#angular
It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore… - https://medium.com/its-tinkoff/dom-di-and-view-the-trees-of-angular-2ef959e7fafd
#angular
Medium
DOM, DI and View: the trees of Angular
It’s easy to mistake DI tree of injectors for DOM tree of actual HTML elements & Angular views. Let’s explore the differences &…
👍2
Building a Full-Stack React App with Azure Static Web Apps and Managed Functions
Azure Static Web Apps coupled with Azure Functions can get you all the way to a full-stack React app without having to worry about managing infrastructure. - https://techcommunity.microsoft.com/t5/apps-on-azure-blog/build-a-full-stack-react-application-with-azure-static-web-apps/ba-p/4090838
#react
Azure Static Web Apps coupled with Azure Functions can get you all the way to a full-stack React app without having to worry about managing infrastructure. - https://techcommunity.microsoft.com/t5/apps-on-azure-blog/build-a-full-stack-react-application-with-azure-static-web-apps/ba-p/4090838
#react
TECHCOMMUNITY.MICROSOFT.COM
Build a full-stack React application with Azure Static Web Apps and managed functions | Microsoft Community Hub
React is the most popular framework for frontend web applications, and Azure Static Web Apps is the best place to host these applications on Azure. With...
👍3
Unveiling the Magic of Provide/Inject with Vue.js
In this blog post, explore the provide and inject feature in Vue.js, its use cases, and how to implement it effectively in your Vue.js applications. - https://vueschool.io/articles/vuejs-tutorials/unveiling-the-magic-of-provide-inject-with-vue-js/
#vue
In this blog post, explore the provide and inject feature in Vue.js, its use cases, and how to implement it effectively in your Vue.js applications. - https://vueschool.io/articles/vuejs-tutorials/unveiling-the-magic-of-provide-inject-with-vue-js/
#vue
vueschool.io
Unveiling the Magic of Provide/Inject with Vue.js - Vue School Articles
Explore the power of Provide/Inject in Vue.js. Learn how to manage state and share data across components efficiently in Vue applications.
👍4
No Outer margin
Kyle Shevlin describes one of the most common antipatterns when building reusable components: a margin on the outermost element of a component. - https://kyleshevlin.com/no-outer-margin
#css
Kyle Shevlin describes one of the most common antipatterns when building reusable components: a margin on the outermost element of a component. - https://kyleshevlin.com/no-outer-margin
#css
Kyle Shevlin's Blog
No Outer margin | Kyle Shevlin
It is an anti-pattern to add margin to the outermost element of a component. It breaks encapsulation and makes components difficult to reuse. Let's learn what to do instead.
👍5
Domain-Driven Design and Micro Frontends: Organizing Autonomous Teams for…
Bring order to chaos with DDD and a Micro frontend architecture - https://itnext.io/domain-driven-design-and-micro-frontends-organizing-autonomous-teams-for-collaborative-success-1aa6b5f327db
#microfrontends
Bring order to chaos with DDD and a Micro frontend architecture - https://itnext.io/domain-driven-design-and-micro-frontends-organizing-autonomous-teams-for-collaborative-success-1aa6b5f327db
#microfrontends
Medium
Domain-Driven Design and Micro Frontends: Organizing Autonomous Teams for Collaborative Success
Bring order to chaos with DDD and a Micro frontend architecture
👍4
Displaying cacheable content with a partial component in Angular
Storage and Caching - https://medium.com/@aayyash/displaying-cacheable-content-with-a-partial-component-in-angular-52e71ec02173
#angular
Storage and Caching - https://medium.com/@aayyash/displaying-cacheable-content-with-a-partial-component-in-angular-52e71ec02173
#angular
Medium
Displaying cacheable content with a partial component in Angular
Storage and Caching
👍4
Creating an Interactive 3D 'Bulging Text' Effect with React Three Fiber
At the risk of seeming a little gimmicky, this is certainly a feature that would make your page stand out.. almost literally! - https://tympanus.net/codrops/2024/03/20/creating-an-interactive-3d-bulge-text-effect-with-react-three-fiber/
#react
At the risk of seeming a little gimmicky, this is certainly a feature that would make your page stand out.. almost literally! - https://tympanus.net/codrops/2024/03/20/creating-an-interactive-3d-bulge-text-effect-with-react-three-fiber/
#react
Codrops
Creating an Interactive 3D Bulge Text Effect with React Three Fiber | Codrops
Exploring how to generate an engaging bulge effect on text using React Three Fiber.
👍4❤1
Bringing require(esm) to Node
Joyee writes about landing experimental support for require()-ing synchronous ES modules in Node, a feature that has been a long time coming, due to both technical and cultural factors. - https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/
#nodejs
Joyee writes about landing experimental support for require()-ing synchronous ES modules in Node, a feature that has been a long time coming, due to both technical and cultural factors. - https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/
#nodejs
Joyee Cheung's Blog
require(esm) in Node.js
Recently I landed experimental support for require()-ing synchronous ES modules in Node.js, a feature that has been long overdue. In the pull request, I commented with my understanding about why it di
👍4
The Fifty-Fifty Split and Overflow
Ryan Mulligan shows how to create a classic layout pattern where two elements occupy the same amount of inline space inside a row. - https://ryanmulligan.dev/blog/50-50-overflow
#css
Ryan Mulligan shows how to create a classic layout pattern where two elements occupy the same amount of inline space inside a row. - https://ryanmulligan.dev/blog/50-50-overflow
#css
ryanmulligan.dev
The Fifty-Fifty Split and Overflow
A responsive 50/50 component with a scrollable section
👍4
Configuration in Nuxt 3: runtimeConfig vs appConfig
The two key parts of Nuxt 3's configuration system are runtimeConfig and appConfig. This article will explain the purpose and differences between these two options and show you how to use them. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig
#vue
The two key parts of Nuxt 3's configuration system are runtimeConfig and appConfig. This article will explain the purpose and differences between these two options and show you how to use them. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig
#vue
Masteringnuxt
Configuration in Nuxt 3
Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases.
👍6
An Introduction to Federated GraphQL — and WunderGraph Cosmo
Federated GraphQL architectures are the way forward for modular microservices-based development. But what… - https://javascript.plainenglish.io/an-introduction-to-federated-graphql-and-wundergraph-cosmo-b802599a338c
#graphql
Federated GraphQL architectures are the way forward for modular microservices-based development. But what… - https://javascript.plainenglish.io/an-introduction-to-federated-graphql-and-wundergraph-cosmo-b802599a338c
#graphql
Medium
An Introduction to Federated GraphQL — and WunderGraph Cosmo
Federated GraphQL architectures are the way forward for modular microservices-based development. But what happens when you need more than…
👍4👎1
How to Create Interactive Animations Using React Spring - https://www.sitepoint.com/react-spring-interactive-animations/
#react
#react
SitePoint
How to Create Interactive Animations Using React Spring
Explore the features of React Spring, a JS-based animation library, and learn how to use its hooks and components in React applications.
👍5