Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Medium
Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch, in this case, was impossible…
Advanced Node.js Topics: Caching.
Improve your Server Performance By Caching fre Fetched Data using Redis. - https://blog.devgenius.io/advanced-node-js-topics-caching-e3d17dc1d738
#nodejs
Improve your Server Performance By Caching fre Fetched Data using Redis. - https://blog.devgenius.io/advanced-node-js-topics-caching-e3d17dc1d738
#nodejs
Medium
Advanced Node.js Topics: Caching.
Improve your Server Performance By Caching fre Fetched Data using Redis.
How to Use CSS object-fit and object-position
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. (And I also briefly explained how object-fit works in my guide on Advanced Positioning in CSS Grid. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. (And I also briefly explained how object-fit works in my guide on Advanced Positioning in CSS Grid. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Sitepoint
How to Use CSS object-fit and object-position — SitePoint
Learn how to use CSS object-fit to determine how images fit within a given space, and how to position those images with object-position.
5 Awesome VueUse Browser Related Composables
This article contains a curated list of Awesome browser related composable. From handling clipboard operations to media controls, this list is sure to provide you with handy VueUse Composables to quickly add browser functionality to your Vue.js apps. - https://vuejsdevelopers.com/2023/06/05/5-awesome-browser-related-vueuse-composables-to-try-out/
#vue
This article contains a curated list of Awesome browser related composable. From handling clipboard operations to media controls, this list is sure to provide you with handy VueUse Composables to quickly add browser functionality to your Vue.js apps. - https://vuejsdevelopers.com/2023/06/05/5-awesome-browser-related-vueuse-composables-to-try-out/
#vue
5 Awesome VueUse Browser Related Composables
This article contains a curated list of Awesome handy browser related VueUse composable.
How To Build Server-Side Rendered (SSR) Svelte Apps with SvelteKit
SvelteKit is a framework for building apps using Svelte. This post walks through creating a simple job board with it and deploying on Netlify. - https://www.smashingmagazine.com/2023/06/build-server-side-rendered-svelte-apps-sveltekit/
#svelte
SvelteKit is a framework for building apps using Svelte. This post walks through creating a simple job board with it and deploying on Netlify. - https://www.smashingmagazine.com/2023/06/build-server-side-rendered-svelte-apps-sveltekit/
#svelte
Smashing Magazine
How To Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit — Smashing Magazine
SvelteKit is a framework for building apps using Svelte. In this article, Sriram shows you how to build a server-side rendered (SSR) SvelteKit application and deploy it to Netlify by following this step-by-step guide.
Understanding React Server Components
If you’ve struggled to get your head around the ideas involved with React Server Components, and Dan Abramov’s ‘let’s recreate RSCs from scratch’ went a little too deep, this is a good, high-level explanation of the fundamentals that explains what problems they solve, why you might use them, and how Next.js makes them easier to work with. - https://vercel.com/blog/understanding-react-server-components
#react
If you’ve struggled to get your head around the ideas involved with React Server Components, and Dan Abramov’s ‘let’s recreate RSCs from scratch’ went a little too deep, this is a good, high-level explanation of the fundamentals that explains what problems they solve, why you might use them, and how Next.js makes them easier to work with. - https://vercel.com/blog/understanding-react-server-components
#react
Vercel
Understanding React Server Components - Vercel
React Server Components are changing the fundamental paradigms of React. Learn how Next.js handles the complexities and improves the performance of your applications.
Split Angular Nested Forms Into Subform Components
How to turn an Angular nested form into smaller subform components - https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d
#angular
How to turn an Angular nested form into smaller subform components - https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d
#angular
Medium
Split Angular Nested Forms Into Subform Components
How to turn an Angular nested form into smaller subform components
The Complexity of Building an Efficient Node Docker Image
It’s possible to get huge reductions in image size and build time, but Samuel feels most of the optimizations are things that should be optimized out of the box. Nonetheless, you may find the details and approach shared here useful. - https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps
#nodejs
It’s possible to get huge reductions in image size and build time, but Samuel feels most of the optimizations are things that should be optimized out of the box. Nonetheless, you may find the details and approach shared here useful. - https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps
#nodejs
Specfy
The complexity of writing an efficient NodeJS Docker image - Specfy
A step by step guide to build fast and lightweight NodeJS docker images.
Extending Vue Router Links in Vue 3
Daniel Kelly explains how you can write a single component for all the links internal and external. - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3
#vue
Daniel Kelly explains how you can write a single component for all the links internal and external. - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3
#vue
vueschool.io
Extending Vue Router Links in Vue 3 - Vue School Articles
Easily handle both internal and external links in Vue 3 by wrapping the router link component in your own custom AppLink component.
Adapting Typography to User Preferences With CSS
Adam Argyle shows a method to adapt a font to your users’ preferences so they’re maximally comfortable reading your content. - https://web.dev/adapting-typography-to-user-preferences-with-css
#css
Adam Argyle shows a method to adapt a font to your users’ preferences so they’re maximally comfortable reading your content. - https://web.dev/adapting-typography-to-user-preferences-with-css
#css
5 Very Useful Tricks for TypeScript Enum Types
You Must Master Enum Types To Use TypeScript Well! These 5 Tricks Make It Easy To Solve Some of the Problems… - https://javascript.plainenglish.io/5-very-useful-tricks-for-typescript-enum-types-9662eb716520
#typescript
You Must Master Enum Types To Use TypeScript Well! These 5 Tricks Make It Easy To Solve Some of the Problems… - https://javascript.plainenglish.io/5-very-useful-tricks-for-typescript-enum-types-9662eb716520
#typescript
Medium
5 Very Useful Tricks for TypeScript Enum Types
You Must Master Enum Types To Use TypeScript Well! These 5 Tricks Make It Easy To Solve Some of the Problems You Encounter in Your Work.
Angular — Four Practical Tips to Build a Good Shared Component
Component is the basic building block of an Angular application. Here are some tips for you to build a good… - https://lukeliutingchun.medium.com/angular-four-practical-tips-to-build-a-good-shared-component-63034aa2027
#angular
Component is the basic building block of an Angular application. Here are some tips for you to build a good… - https://lukeliutingchun.medium.com/angular-four-practical-tips-to-build-a-good-shared-component-63034aa2027
#angular
Medium
Angular — Four Practical Tips to Build a Good Shared Component
Component is the basic building block of an Angular application. Here are some tips for you to build a good shared component.
How to Create an npx tool
How to create a tool that can be used via npm’s npx execution mechanism. - https://nayte.dev/posts/creating-an-npx-tool/
#nodejs
How to create a tool that can be used via npm’s npx execution mechanism. - https://nayte.dev/posts/creating-an-npx-tool/
#nodejs
nayte.dev
Creating an NPX tool
A guide to creating an NPX tool accessible from anywhere, 'no download required'.
Everything Mux Learnt Migrating 50K LOC to Server Components
If you prefer real-world experiences to technical explanations and overviews, this is for you. A member of the Mux team goes into their story of adopting React Server Components and preemptively answers some of the questions we all have. - https://www.mux.com/blog/what-are-react-server-components
#react
If you prefer real-world experiences to technical explanations and overviews, this is for you. A member of the Mux team goes into their story of adopting React Server Components and preemptively answers some of the questions we all have. - https://www.mux.com/blog/what-are-react-server-components
#react
Mux
We migrated 50,000 lines of code to React Server Components
Server Components run on the server instead of the client, giving you control over your bundle size and data fetching. Here’s everything we learned about them.
Behavioral Patterns in TypeScript
How do objects behave? At runtime, their life is about instantiating, calling, and being part of processes… - https://albertobasalo.medium.com/behavioral-patterns-in-typescript-b1a3787d5c34
#typescript
How do objects behave? At runtime, their life is about instantiating, calling, and being part of processes… - https://albertobasalo.medium.com/behavioral-patterns-in-typescript-b1a3787d5c34
#typescript
Medium
Behavioral Patterns in TypeScript
How do objects behave? At runtime, their life is about instantiating, calling, and being part of processes bigger than themselves. It is a…
Migrating from Vue 2 To Vue 3 – New Features
The release of Vue 3 redefines the way we build web applications, offering an abundance of enhancements, optimizations, and tools. In this article, dive headfirst into the exciting world of some of Vue 3's brand-new features! - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-new-features/
#vue
The release of Vue 3 redefines the way we build web applications, offering an abundance of enhancements, optimizations, and tools. In this article, dive headfirst into the exciting world of some of Vue 3's brand-new features! - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-new-features/
#vue
vueschool.io
Migrating from Vue 2 To Vue 3 - New Features - Vue School Articles
Welcome back, fellow Vue.js enthusiasts, in this part of our series we take the next step as we dive headfirst into the exciting world of some of Vue 3's brand-new features!
The New @font-Face Syntax
Oliver Williams outlines how the new @font-face syntax works. - https://fullystacked.net/posts/new-font-face-syntax
#css
Oliver Williams outlines how the new @font-face syntax works. - https://fullystacked.net/posts/new-font-face-syntax
#css
fullystacked.net
The new @font-face syntax
Using variable fonts and color fonts with @font-face.
The Importance of Verifying Webhook Signatures - https://snyk.io/blog/verifying-webhook-signatures/
#nodejs
#nodejs
Snyk
The importance of verifying webhook signatures | Snyk
Webhooks are a callback integration technique for sending and receiving information, such as event notifications, in close to real-time. In this walkthrough, we’ll implement a GitHub webhook in Node.js that detects when users push code to a repository.
Using Supabase Storage for React Native App File Uploads
Learn how to implement authentication and file upload in a React Native app. - https://supabase.com/blog/react-native-storage
#react
Learn how to implement authentication and file upload in a React Native app. - https://supabase.com/blog/react-native-storage
#react
Supabase
React Native file upload with Supabase Storage
Learn how to implement authentication and file upload in a React Native app.