Harlem 3.0: Simple Extensible State Management for Vue 3
Provides a simple functional API for creating, reading, and mutating state. - https://harlemjs.com/
#vue
Provides a simple functional API for creating, reading, and mutating state. - https://harlemjs.com/
#vue
Harlemjs
Harlem | Harlem
Powerfully simple global state management for Vue 3
👍3
1000 and 1 questions about building an open-source library. Front-end developer answers
When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help beginner engineers, he gathered his experience into the guide. Go to the Medium article to learn everything about building an open-source library.
When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help beginner engineers, he gathered his experience into the guide. Go to the Medium article to learn everything about building an open-source library.
Medium
A Beginner’s Guide to Developing an Open-Source Library: Advice From a Front-End Developer
When building your own open-source library, you’re likely to have a number of questions. I was once new to the process too. When I launched…
👍8❤3👏1
FrontEnd Development pinned «1000 and 1 questions about building an open-source library. Front-end developer answers When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help…»
Angular Routing — Reusing common layout for pages from different modules
Use common layout for different pages with Angular router… - https://medium.com/angular-in-depth/angular-routing-reusing-common-layout-for-pages-from-different-modules-440a23f86b57
#angular
Use common layout for different pages with Angular router… - https://medium.com/angular-in-depth/angular-routing-reusing-common-layout-for-pages-from-different-modules-440a23f86b57
#angular
Medium
How to reuse common layouts in Angular using Router
Use common layout for different pages with Angular router…
👍5❤1🔥1
Conditional CSS
Ahmad Shadeed goes over a few CSS features we use daily and shows how conditional they are. - https://ishadeed.com/article/conditional-css
#css
Ahmad Shadeed goes over a few CSS features we use daily and shows how conditional they are. - https://ishadeed.com/article/conditional-css
#css
Ishadeed
Conditional CSS
CSS is condtional in many ways. In this article, I will go over a few CSS features that we use every day, and show you how conditional they are.
👍7🔥1
Best of Svelte and SvelteKit
This post is all about Svelte/SvelteKit. Here, I'm gonna mention some best or unknown Component libraries, Websites using Svelte and SvelteKit.
What I'm Gonna mention here is my own opinion. So, if you have any suggestion/feedback comment it. - https://dev.to/theether0/best-of-svelte-and-sveltekit-5585
#svelte
This post is all about Svelte/SvelteKit. Here, I'm gonna mention some best or unknown Component libraries, Websites using Svelte and SvelteKit.
What I'm Gonna mention here is my own opinion. So, if you have any suggestion/feedback comment it. - https://dev.to/theether0/best-of-svelte-and-sveltekit-5585
#svelte
DEV Community
Best of Svelte and SvelteKit
Read if: It's for you. Introduction This post is all about Svelte/SvelteKit. Here, I'm gonna...
👍5
Embedding Our New React UI in a Go App
Flipt serves its web application from a single binary (built in the Go language), embedding the static assets therein. Go 1.16’s native embedding set them on a journey that led to React and it works pretty well - no Next.js needed. An interesting alternative approach. - https://www.flipt.io/blog/embedding-react-in-go
#react
Flipt serves its web application from a single binary (built in the Go language), embedding the static assets therein. Go 1.16’s native embedding set them on a journey that led to React and it works pretty well - no Next.js needed. An interesting alternative approach. - https://www.flipt.io/blog/embedding-react-in-go
#react
👍5
Introduction to Strapi Nuxt 3 module
In this article, take a look at @nuxtjs/strapi module as it is Nuxt 3 compatible, very well developed and documented. - https://dev.to/jacobandrewsky/introduction-to-nuxt-3-modules-5h8o
#vue
In this article, take a look at @nuxtjs/strapi module as it is Nuxt 3 compatible, very well developed and documented. - https://dev.to/jacobandrewsky/introduction-to-nuxt-3-modules-5h8o
#vue
DEV Community
Introduction to Nuxt 3 modules
Nuxt 3 beta dropped few months ago and with it, several modules have been updated to work well with a...
👍4
Is Prisma Better Than Your 'Traditional' ORM?
Prisma has become a very popular ORM option in the Node space in recent years. The creator of the Practica Node starter app considers if Prisma makes sense as a universal ‘go to’ ORM. No, but.. - https://practica.dev/blog/is-prisma-better-than-your-traditional-orm/
#nodejs #prisma
Prisma has become a very popular ORM option in the Node space in recent years. The creator of the Practica Node starter app considers if Prisma makes sense as a universal ‘go to’ ORM. No, but.. - https://practica.dev/blog/is-prisma-better-than-your-traditional-orm/
#nodejs #prisma
practica.dev
Is Prisma better than your 'traditional' ORM? | Practica.js
Intro - Why discuss yet another ORM (or the man who had a stain on his fancy suite)?
👍2
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the…
- https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the…
- https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Medium
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the ComponentFactory symbol was…
👍4🔥1
Async React with Next.js 13
React is getting native async support — here’s how you can try it out right now within Next.js. Swizec gives us a quick tour. - https://swizec.com/blog/async-react-with-nextjs-13/
#react
React is getting native async support — here’s how you can try it out right now within Next.js. Swizec gives us a quick tour. - https://swizec.com/blog/async-react-with-nextjs-13/
#react
Swizec
Async React with NextJS 13 | Swizec Teller
We look at React's native async support and how to use it in a NextJS 13 app. Learn how to use async components, parallel loading states, and caching with React.js and NextJS 13.
👍4🔥1
Deploying CSS Logical Properties On Web Apps
Nicolas Hoffmann shares how their team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects. - https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps
#css
Nicolas Hoffmann shares how their team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects. - https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps
#css
Smashing Magazine
Deploying CSS Logical Properties On Web Apps — Smashing Magazine
You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann shares his experience of how he and his team at Proton carried…
👍6🔥1
5 Software Architectural Patterns
What are they & why you should care - https://levelup.gitconnected.com/5-software-architectural-patterns-871e2705c998
#architecture
What are they & why you should care - https://levelup.gitconnected.com/5-software-architectural-patterns-871e2705c998
#architecture
Medium
5 Software Architectural Patterns
What are they & why you should care
👍4🔥1
Design better Angular components
On the path to perfection we thrive. - https://sergeygultyayev.medium.com/design-better-angular-components-2b89d27b262d
#angular
On the path to perfection we thrive. - https://sergeygultyayev.medium.com/design-better-angular-components-2b89d27b262d
#angular
Medium
Design better Angular components
On the path to perfection we thrive.
👍7🔥1
How to migrate a Vue.js project to Nuxt in 8 steps
Nuxt is a web framework for creating Vue.js application. Nuxt introduces server-side rendering which improves performance in our Vue.js application. Find out in this blog post how to migrate your Vue.js application to a Nuxt application in 8 simple steps. - https://dev.to/ngranja19/how-to-migrate-a-vuejs-project-to-nuxtjs-in-8-steps-41dm
#vue
Nuxt is a web framework for creating Vue.js application. Nuxt introduces server-side rendering which improves performance in our Vue.js application. Find out in this blog post how to migrate your Vue.js application to a Nuxt application in 8 simple steps. - https://dev.to/ngranja19/how-to-migrate-a-vuejs-project-to-nuxtjs-in-8-steps-41dm
#vue
DEV Community
How to migrate a VueJs project to NuxtJs in 8 steps.
A couple of months ago I built a project using my favorite stack: VueJs + Buefy for the Front-End and...
👍8
Fixing a Memory Leak in a Production Node App
Kent encountered a variety of weird memory and CPU usage spikes in his Node-powered app and decided to figure out what was going on. This post walks through his complete journey, with plenty of side problems encountered along the way, before discovering the root cause was where he least expected it. - https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app
#nodejs
Kent encountered a variety of weird memory and CPU usage spikes in his Node-powered app and decided to figure out what was going on. This post walks through his complete journey, with plenty of side problems encountered along the way, before discovering the root cause was where he least expected it. - https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app
#nodejs
Kentcdodds
Fixing a Memory Leak in a Production Node.js App
How I found and fixed a memory leak on kentcdodds.com
👍4
CSS Subgrid
Rachel Andrew explores what is possible using CSS Subgrid. - https://12daysofweb.dev/2022/css-subgrid
#css
Rachel Andrew explores what is possible using CSS Subgrid. - https://12daysofweb.dev/2022/css-subgrid
#css
12daysofweb.dev
CSS Subgrid | 12 Days of Web
With subgrid coming to all engines very soon, it’s a great time to discover what this new feature of grid can do.
👍8🔥3
Building Great Forms with React Hook Form and Zod
The first in a promised series of screencasts about not only creating and integrating forms into a React-based app, but broader issues around app creation generally. This is no bite size tip video, though, checking in at a movie-like 95 minutes. - https://www.youtube.com/watch?v=FXWD_etMJWA
#react
The first in a promised series of screencasts about not only creating and integrating forms into a React-based app, but broader issues around app creation generally. This is no bite size tip video, though, checking in at a movie-like 95 minutes. - https://www.youtube.com/watch?v=FXWD_etMJWA
#react
YouTube
Building Great Forms with React Hook Form & Zod
In this video we build a Sign up form and integrate it with a dummy backend API. We discuss about the structure of the form, the separation of concerns in a few components, validation using Zod as well as handling server errors.
Useful Links (which I cannot…
Useful Links (which I cannot…
👍8❤1
4 Micro-Frontend Anti-Patterns
The 4 common ways to make a mess in micro-frontend-based applications. - https://javascript.plainenglish.io/four-micro-frontend-anti-patterns-58aaa9fe19d5
#microfrontend
The 4 common ways to make a mess in micro-frontend-based applications. - https://javascript.plainenglish.io/four-micro-frontend-anti-patterns-58aaa9fe19d5
#microfrontend
Medium
4 Micro-Frontend Anti-Patterns
The 4 common ways to make a mess in micro-frontend-based applications.
👍8
How To Make A Drag-and-Drop File Uploader With Vue.js 3
In this article, build a drag and drop file uploader and add some other exciting features with Vue 3. - https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/
#vue
In this article, build a drag and drop file uploader and add some other exciting features with Vue 3. - https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/
#vue
Smashing Magazine
How To Make A Drag-and-Drop File Uploader With Vue.js 3 — Smashing Magazine
Building on a previous article on How to Build a Drag-and-Drop File Uploader, we’ll be adding some new features, but more importantly (maybe), we’ll be learning how to build it in Vue 3 and learn some best practices for Vue along the way.
👍6🥰1👨💻1