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
www.robinwieruch.de
Next.js Forms with Server Actions
How to use Forms in Next.js with React Server Components (RSC), Server Actions in Next's App Router by using useFormState and useFormStatus. Learn about form validation, form reset, form feedback (field errors and toast messages) while using progressive enhancement…
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
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
advancedweb.hu
How to transfer binary data efficiently across worker threads in NodeJs
How to return a Buffer from a worker
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.
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.
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
Medium
Composable Frontend Architecture for 2024
How to build a successful architecture for your composable frontends
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…
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…
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.
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
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
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
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.
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...
Deno Introduces JSR: A New JavaScript Registry
The JavaScript Registry (a.k.a. JSR) is a new TypeScript-first, ESM-only module registry designed for the entire JavaScript ecosystem (not just Deno). This post digs into what it’s all about. I find it rather cute that npm’s own flexibility makes JSR easy to use from Node too, via npx jsr! - https://deno.com/blog/jsr_open_beta
#deno
The JavaScript Registry (a.k.a. JSR) is a new TypeScript-first, ESM-only module registry designed for the entire JavaScript ecosystem (not just Deno). This post digs into what it’s all about. I find it rather cute that npm’s own flexibility makes JSR easy to use from Node too, via npx jsr! - https://deno.com/blog/jsr_open_beta
#deno
Deno Blog
Introducing JSR - the JavaScript Registry
The JavaScript Registry (JSR) is a TypeScript-first, ESM-only module registry designed for the entire JavaScript ecosystem. Use JSR modules from Deno and npm-based projects. JSR is free and open source. Available today in public beta.
Native CSS particle animation with sin() and cos()
Giana created a stunning, animated demo leveraging trigonometric CSS functions. - https://codepen.io/giana/pen/LYaOdye
#css
Giana created a stunning, animated demo leveraging trigonometric CSS functions. - https://codepen.io/giana/pen/LYaOdye
#css
codepen.io
Native CSS particle animation with sin() and cos()
If I ever stop making these, call the priest. Tell him I've been overcome by sin(). Current soundtrack: Struggling Fans by My Laptop...
"react-strict-dom" – Why It's So Great?
Meta’s react-strict-dom is an experimental integration of React DOM and StyleX to standardize the development of styled React components, both web and native. Szymon digs into it a little here. - https://szymonrybczak.dev/blog/react-strict-dom
#react
Meta’s react-strict-dom is an experimental integration of React DOM and StyleX to standardize the development of styled React components, both web and native. Szymon digs into it a little here. - https://szymonrybczak.dev/blog/react-strict-dom
#react
szymonrybczak.dev
"react-strict-dom", why it's so great?
react-strict-dom, why it's so great?
Lightweight store service using Angular Signals
Let’s write a lightweight store service using angular signals - https://medium.com/@sociable_flamingo_goose_694/lightweight-store-service-using-angular-signals-cc0c7909798f
#angular
Let’s write a lightweight store service using angular signals - https://medium.com/@sociable_flamingo_goose_694/lightweight-store-service-using-angular-signals-cc0c7909798f
#angular
Medium
Lightweight store service using Angular Signals
Let’s write a lightweight store service using angular signals
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
YouTube
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
👀 Performance is an evergreen topic! In my new series - "Nuxt Performance In Depth", we will have a deep look into various perf topics. For the first video of the series, we check out the `payload`, also sometimes referred to as __NUXT__ - and how to reduce…
A Look at Eight Top Recent V8 in Node Updates
V8 is the JavaScript engine that powers Node and the V8 team continues to make it faster and better every month without fail. This post explains some of the most recent enhancements at a high-ish level. - https://blog.appsignal.com/2024/02/28/top-8-recent-v8-in-node-updates.html
#nodejs
V8 is the JavaScript engine that powers Node and the V8 team continues to make it faster and better every month without fail. This post explains some of the most recent enhancements at a high-ish level. - https://blog.appsignal.com/2024/02/28/top-8-recent-v8-in-node-updates.html
#nodejs
Appsignal
Top 8 Recent V8 in Node Updates | AppSignal Blog
V8 is the most popular JavaScript engine out there. Let's explore the top 8 most recent V8 updates.