Going beyond pixels and (r)ems in CSS - Relative length units based on the viewport
Brecht De Ruyte explains some common pitfalls when using viewport units. - https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport
#css
Brecht De Ruyte explains some common pitfalls when using viewport units. - https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport
#css
👍2
Building a CLI App with React and Ink
Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. - https://www.nico.fyi/blog/react-ink-cli-chat-supabase
#react
Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. - https://www.nico.fyi/blog/react-ink-cli-chat-supabase
#react
Nico's Blog
Make CLI app with React
Why not right? React is cool!
👍5
How To Draw Radar Charts In Web
Preethi Sam demonstrates the process of creating radar charts on the web. - https://www.smashingmagazine.com/2024/02/draw-radar-charts-web
#css
Preethi Sam demonstrates the process of creating radar charts on the web. - https://www.smashingmagazine.com/2024/02/draw-radar-charts-web
#css
Smashing Magazine
How To Draw Radar Charts In Web — Smashing Magazine
A radar chart — also commonly called a spider chart — is yet another way to visualize data and make connections. Radar charts are inherently geometric, making them both a perfect fit and fun to make with CSS, thanks to the `polygon()` function. Read along…
👍5
Run Node.js Apps on the Edge with RHEL and Fedora
IoT, in this case. - https://developers.redhat.com/articles/2024/02/21/run-nodejs-applications-edge-rhel-and-fedora#the_software
#nodejs
IoT, in this case. - https://developers.redhat.com/articles/2024/02/21/run-nodejs-applications-edge-rhel-and-fedora#the_software
#nodejs
Red Hat Developer
Run Node.js applications on the edge with RHEL and Fedora | Red Hat Developer
As the cost to performance ratio of small computer systems improves, more and more enterprises are moving from simpler IoT systems to deploying devices that can do more processing at the edge. As part
👍3❤1
Converting Observables to Signals in Angular: What You Need to Know
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts… - https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0
#angular
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts… - https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0
#angular
Medium
Converting Observables to Signals in Angular: What You Need to Know
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts an observable to a signal. In…
👍5🥰1
Handling Asynchronous Promises with Vue.js 3 Suspense API
Vue.js 3 introduced various compelling features, including the suspense API component boundary. This API proves invaluable when dealing with asynchronous requests. In this article, explore the Vue.js 3 Suspense API for efficient asynchronous data loading. - https://javascript.plainenglish.io/handling-asynchronous-promises-with-vue-js-3-suspense-api-5ad566e7381b
#vue
Vue.js 3 introduced various compelling features, including the suspense API component boundary. This API proves invaluable when dealing with asynchronous requests. In this article, explore the Vue.js 3 Suspense API for efficient asynchronous data loading. - https://javascript.plainenglish.io/handling-asynchronous-promises-with-vue-js-3-suspense-api-5ad566e7381b
#vue
Medium
Handling Asynchronous Promises with Vue.js 3 Suspense API
Explore the Vue.js 3 Suspense API for Efficient Asynchronous Data Loading
👍6❤1
Exploring Next.js Forms with Server Actions
Learn from Robin’s experiences: “I delved deep into exploring Forms in Next.js 14 using Next’s App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers React/Next native aspects like useFormStatus, useFormState and revalidatePath.” - https://www.robinwieruch.de/next-forms/
#react
Learn from Robin’s experiences: “I delved deep into exploring Forms in Next.js 14 using Next’s App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers React/Next native aspects like useFormStatus, useFormState and revalidatePath.” - https://www.robinwieruch.de/next-forms/
#react
Robin Wieruch
Next.js Forms with Server Actions [2026] - Robin Wieruch
Build forms in Next.js with Server Actions: validation with Zod, field errors, toast feedback, and form reset, with progressive enhancement in the App Router.
👍3❤1
Web Components in Earnest
This is.. epic! If you want to really get a walk through the journey of building an entire app using Web Components and JavaScript, this is it. The app in this case is simple, but complete, and the author shows off the realities of going all in with Web Components here. - https://naildrivin5.com/blog/2024/01/24/web-components-in-earnest.html
#webcomponents
This is.. epic! If you want to really get a walk through the journey of building an entire app using Web Components and JavaScript, this is it. The app in this case is simple, but complete, and the author shows off the realities of going all in with Web Components here. - https://naildrivin5.com/blog/2024/01/24/web-components-in-earnest.html
#webcomponents
Naildrivin' 5 - Website of David Bryant Copeland
Web Components in Earnest
👍5
How to Transfer Binary Data Efficiently Across Worker Threads - https://advancedweb.hu/how-to-transfer-binary-data-efficiently-across-worker-threads-in-nodejs/
#nodejs
#nodejs
Advanced Web Machinery
How to transfer binary data efficiently across worker threads in NodeJs
How to return a Buffer from a worker
👍4
A CSS Project Boilerplate
Andy Bell shares some thoughts on structuring CSS in your projects. - https://piccalil.li/blog/a-css-project-boilerplate
#css
Andy Bell shares some thoughts on structuring CSS in your projects. - https://piccalil.li/blog/a-css-project-boilerplate
#css
Piccalilli
A CSS project boilerplate
For the many folks who ask how I write CSS since removing Sass, this is how I and the Set Studio team do it in 2024.
👍3
New way of passing data to dynamically created components
When working with Angular, we often need to render dynamic components. We might want to render a component… - https://itnext.io/new-way-of-passing-data-to-dynamically-created-components-new-feature-1d7e807b30f5
#angular
When working with Angular, we often need to render dynamic components. We might want to render a component… - https://itnext.io/new-way-of-passing-data-to-dynamically-created-components-new-feature-1d7e807b30f5
#angular
Medium
New way of passing data to dynamically created components (New Feature 🎉)
When working with Angular, we often need to render dynamic components. We might want to render a component based on the user’s input.
👍4
Composable Frontend Architecture for 2024
How to build a successful architecture for your composable frontends - https://blog.bitsrc.io/composable-frontend-architecture-for-2024-562f309efe43
#architecture
How to build a successful architecture for your composable frontends - https://blog.bitsrc.io/composable-frontend-architecture-for-2024-562f309efe43
#architecture
👍4
Getting Started With Nuxt UI
This youtube video teaches all you need to know about Nuxt UI, a UI library for modern web applications built by the NuxtLabs team. - https://www.youtube.com/watch?v=SE_ysS_ZXbk
#vue
This youtube video teaches all you need to know about Nuxt UI, a UI library for modern web applications built by the NuxtLabs team. - https://www.youtube.com/watch?v=SE_ysS_ZXbk
#vue
YouTube
Getting Started With Nuxt UI
📕 Nuxt 3 Course: https://www.learnnuxt.dev/
🤖 WebDevDaily: https://www.webdevdaily.io
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join
🤖 Website: https://j…
🤖 WebDevDaily: https://www.webdevdaily.io
📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/tqrmw
🚀 Join the channel :https://www.youtube.com/channel/UCr0D7PVNOHqB3Td7lVl_LKw/join
🤖 Website: https://j…
👍4
Next.js vs. Remix: A Developer's Dilemma
Compares a variety of points, from how various techniques are implemented to deployment, commercial support, and popularity. - https://blog.saeloun.com/2024/02/21/next.js-vs-remix/
#react
Compares a variety of points, from how various techniques are implemented to deployment, commercial support, and popularity. - https://blog.saeloun.com/2024/02/21/next.js-vs-remix/
#react
Saeloun Blog
Next.js vs. Remix - A Developer's Dilemma
Both Next.js and Remix are highly sought-after frameworks for constructing contemporary web applications using React, yet they diverge in their methodologies and principles. This article aims to assist developers in selecting the optimal framework by comparing…
❤4👍1
CSS is Logical
Geoff Graham outlines several reasons that might help you understand why CSS can seem weird. - https://geoffgraham.me/css-is-logical
#css
Geoff Graham outlines several reasons that might help you understand why CSS can seem weird. - https://geoffgraham.me/css-is-logical
#css
Geoff Graham
CSS is Logical - Geoff Graham
CSS be weird, but it not be illogical.
👍3
The State of Benchmarking in Node.js
While Node has always been fast, there’s a renewed focus on performance in the face of benchmarks and claims from alternatives like Deno and Bun. Lars looks at the ecosystem of benchmarking options in the space. - https://www.webpro.nl/articles/the-state-of-benchmarking-in-nodejs
#nodejs
While Node has always been fast, there’s a renewed focus on performance in the face of benchmarks and claims from alternatives like Deno and Bun. Lars looks at the ecosystem of benchmarking options in the space. - https://www.webpro.nl/articles/the-state-of-benchmarking-in-nodejs
#nodejs
WebPro
The State of Benchmarking in Node.js
👍2
Creating an Nx Standalone Project for Angular
Use Nx code generators and libraries to architect a new Nx standalone project for Angular - https://levelup.gitconnected.com/creating-an-nx-standalone-project-for-angular-af4791dbb61d
#angular
Use Nx code generators and libraries to architect a new Nx standalone project for Angular - https://levelup.gitconnected.com/creating-an-nx-standalone-project-for-angular-af4791dbb61d
#angular
Medium
Creating an Nx Standalone Project for Angular
Use Nx code generators and libraries to architect a new Nx standalone project for Angular
👍3
Typescript Best Practices
A Guide to Writing Better Typescript Code - https://medium.com/@sobitdaniel/typescript-best-practices-610e8facb8df
#typescript
A Guide to Writing Better Typescript Code - https://medium.com/@sobitdaniel/typescript-best-practices-610e8facb8df
#typescript
Medium
Typescript Best Practices
A Guide to Writing Better Typescript Code
👍5🔥1
HTMX vs React: A Complete Comparison
In contrast to the Next/Remix comparison (above), it strikes me as tricky to compare two significantly different approaches to what will often suit rather different problems.. but here you go. - https://semaphoreci.com/blog/htmx-react
#react
In contrast to the Next/Remix comparison (above), it strikes me as tricky to compare two significantly different approaches to what will often suit rather different problems.. but here you go. - https://semaphoreci.com/blog/htmx-react
#react
Semaphore
HTMX vs React: A Complete Comparison - Semaphore
This guide compares HTMX and React, covering origins, features, performance, community, and functionality differences.
👍3
Building a Vue.js composable for handling Feature Flags
Feature Flags allow testing more complex features in a proper production environment without actually causing issues to existing users. In this blog post, the author guides you through the process of creating your own composable that will help you manage the feature flags in an easy way. - https://dev.to/jacobandrewsky/building-a-vuejs-composable-for-handling-feature-flags-47l0
#vue
Feature Flags allow testing more complex features in a proper production environment without actually causing issues to existing users. In this blog post, the author guides you through the process of creating your own composable that will help you manage the feature flags in an easy way. - https://dev.to/jacobandrewsky/building-a-vuejs-composable-for-handling-feature-flags-47l0
#vue
DEV Community
Building a Vue.js composable for handling Feature Flags
I recently had to implement a solution in our project that would enable us to have feature flags. The...
👍2