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
How To Handle Asynchronous Tasks with BullMQ
BullMQ is a Redis-based job queue system you can use to offload asynchronous tasks from your app to run in the background. This is a very thorough, practical walkthrough in typical DigitalOcean style. - https://www.digitalocean.com/community/tutorials/how-to-handle-asynchronous-tasks-with-node-js-and-bullmq
#nodejs
BullMQ is a Redis-based job queue system you can use to offload asynchronous tasks from your app to run in the background. This is a very thorough, practical walkthrough in typical DigitalOcean style. - https://www.digitalocean.com/community/tutorials/how-to-handle-asynchronous-tasks-with-node-js-and-bullmq
#nodejs
Digitalocean
How To Handle Asynchronous Tasks with Node.js and BullMQ | DigitalOcean
To avoid slowing down the request/response circle, you can use bullmq, a distributed task queue that allows you to offload time-consuming tasks from your Nod…
👍3❤2
React, Vite and TypeScript: Get Started in Under Two Minutes - https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175
#react
#react
Medium
React, Vite and TypeScript: Get started in under 2 minutes
Let’s be honest. Dealing with tooling is not something enjoyable if you have to deliver code. It should just work and not be in the way. So…
🔥7
How to Keep your Angular Data-Flow Tidy and Efficient
Developing large-scale Angular applications can feel like trying to ride a bicycle with your eyes closed and both hands tied behind your back. - https://www.freecodecamp.org/news/how-to-keep-your-angular-data-flow-tidy-and-efficient/
#angular
Developing large-scale Angular applications can feel like trying to ride a bicycle with your eyes closed and both hands tied behind your back. - https://www.freecodecamp.org/news/how-to-keep-your-angular-data-flow-tidy-and-efficient/
#angular
freeCodeCamp.org
How to Keep your Angular Data-Flow Tidy and Efficient
Developing large-scale Angular applications can feel like trying to ride a bicycle with your eyes closed and both hands tied behind your back. The data flow in an Angular application can be extremely complex, especially when dealing with bidirection...
👍4
Meet Devler.io 👋 - a brand new dev community 🎉
It's a platform of efficient collaboration between clients and European software developers.
You are welcome to visit our site (https://devler.io/ ) to get acquainted with us - whether you are a client or a developer you definitely will find the right match, a vetted developer or a suited project.
Requirements for developers:
✔️ 5+ years of experience;
✔️ Upper Intermediate English level;
✔️ Only from Eastern Europe.
Join the Devs League.💻
It's a platform of efficient collaboration between clients and European software developers.
You are welcome to visit our site (https://devler.io/ ) to get acquainted with us - whether you are a client or a developer you definitely will find the right match, a vetted developer or a suited project.
Requirements for developers:
✔️ 5+ years of experience;
✔️ Upper Intermediate English level;
✔️ Only from Eastern Europe.
Join the Devs League.💻
Devler.io
Find and Hire tech talents | Vetted software devs from Europe | Devler.io
Match and hire the top talented remote developers from Europe. We vet each developer before joining the Devler network. Save your time and hire smarter.
👍3
5 ways CSS :has() can make your HTML forms even better
Austin Gil shows how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more. - https://austingil.com/css-has-with-html-forms
#css
Austin Gil shows how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more. - https://austingil.com/css-has-with-html-forms
#css
Austin Gil
5 ways CSS :has() can make your HTML forms even better
Learn how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more.
👍9
"Create React App Is Not A Great Recommendation to Be Making.."
Theo, an increasingly well known developer YouTuber, ran into numerous issues with Create React App and decided to officially float the idea of having the React docs recommend Vite instead. It kicked off quite the discussion, and you can get involved too. - https://github.com/reactjs/reactjs.org/pull/5487
#react
Theo, an increasingly well known developer YouTuber, ran into numerous issues with Create React App and decided to officially float the idea of having the React docs recommend Vite instead. It kicked off quite the discussion, and you can get involved too. - https://github.com/reactjs/reactjs.org/pull/5487
#react
GitHub
Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/react.dev
Create React App is not a great recommendation to be making, especially for newer developers.
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
👍7
Blue Green Deployment for Node.js without Kubernetes
Discover how to perform Blue-Green deployments from scratch without Kubernetes, along with CI/CD integration, some Nginx, and the PM2 process manager. - https://semaphoreci.com/blog/blue-green-deployment-nodejs
#nodejs
Discover how to perform Blue-Green deployments from scratch without Kubernetes, along with CI/CD integration, some Nginx, and the PM2 process manager. - https://semaphoreci.com/blog/blue-green-deployment-nodejs
#nodejs
Semaphore
Blue Green Deployment for Node.js Without Kubernetes - Semaphore
Discover how to perform Blue-Green deployments from scratch without Kubernetes. Along the way you'll learn CI/CD integration, Nginx, bash scripting, and the Linux permissions system.
👍6
Advanced Data Fetching in Vue with TanStack Query
Investigate the Vue.js plugin Vue Query in this tutorial as we develop a functional demonstration of it in use and discuss the querying problems it helps us resolve. - https://medium.com/vue-mastery/advanced-data-fetching-in-vue-w-tanstack-query-3c638d4c2041
#vue
Investigate the Vue.js plugin Vue Query in this tutorial as we develop a functional demonstration of it in use and discuss the querying problems it helps us resolve. - https://medium.com/vue-mastery/advanced-data-fetching-in-vue-w-tanstack-query-3c638d4c2041
#vue
Medium
Advanced Data Fetching in Vue w/ TanStack Query
Learn how Tanstack’s Vue Query tool solves scenarios beyond just fetching data, such as caching, synchronizing and updating server state.
🔥4👍2
Five Challenges to Building an Isomorphic JS Library
When it comes to JavaScript, “isomorphic” means code or libraries that run both on client and server runtimes with minimal adaptations. - https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/
#javascript
When it comes to JavaScript, “isomorphic” means code or libraries that run both on client and server runtimes with minimal adaptations. - https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/
#javascript
DoorDash
Five Challenges to Building an Isomorphic JavaScript Library
Building isomorphic JavaScript libraries make it easy to build on the client and server side but have some challenges to work through first
🔥6👍2🌭2
Logical Border Radius
Michelle Barker explains in detail how logical border radius properties work. - https://css-irl.info/logical-border-radius
#css
Michelle Barker explains in detail how logical border radius properties work. - https://css-irl.info/logical-border-radius
#css
CSS { In Real Life }
Logical Border Radius
Confession: I almost never write border-radius as shorthand, largely because I can never remember the order. My brain is wired to remember margin and padding shorthands (top, right, bottom, left), but when it comes to corners it’s a different story. Do I…
👍3
The new way of subscribing in an Angular Component
Observables and RxJS are considered the cornerstones of the Angular framework. The RxJS library allows us to create our applications in a reactive way. Nevertheless, observables come with one pretty large downside. Every time you subscribe to an observable you have to remember that you must unsubscribe from it later. Otherwise, you will create a potential bug in your application or worse, a memory… - https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
#angular
Observables and RxJS are considered the cornerstones of the Angular framework. The RxJS library allows us to create our applications in a reactive way. Nevertheless, observables come with one pretty large downside. Every time you subscribe to an observable you have to remember that you must unsubscribe from it later. Otherwise, you will create a potential bug in your application or worse, a memory… - https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
#angular
Medium
The new way of subscribing in an Angular Component
Observables and RxJS are considered the cornerstones of the Angular framework. The RxJS library allows us to create our applications in a…
👍4🔥1
Wretch 2.3: A Wrapper Around fetch with an Intuitive Syntax
A long standing, mature library that makes fetch a little more extensible with a fluent API. - https://github.com/elbywan/wretch
#fetch #library
A long standing, mature library that makes fetch a little more extensible with a fluent API. - https://github.com/elbywan/wretch
#fetch #library
GitHub
GitHub - elbywan/wretch: A tiny wrapper built around fetch with an intuitive syntax. :candy:
A tiny wrapper built around fetch with an intuitive syntax. :candy: - elbywan/wretch
👍5❤1
Book review: Learning Domain-Driven Design by Vlad Khononov
I have been interested in Domain-Driven Design for a while now. I initially discovered DDD sometime in 2015… - https://tonisoueid.medium.com/book-review-learning-domain-driven-design-by-vlad-khononov-c7473afa5ba
#ddd
I have been interested in Domain-Driven Design for a while now. I initially discovered DDD sometime in 2015… - https://tonisoueid.medium.com/book-review-learning-domain-driven-design-by-vlad-khononov-c7473afa5ba
#ddd
Medium
Book review: Learning Domain-Driven Design by Vlad Khononov
I have been interested in Domain-Driven Design for a while now. I initially discovered DDD sometime in 2015 while googling for software…
👍7
The Gotcha of Unhandled Promise Rejections
A rough edge with promises that can sneak up on you. Jake looks at a ‘gotcha’ around unhandled promise rejections and how to work around them. - https://jakearchibald.com/2023/unhandled-rejections/
#nodejs
A rough edge with promises that can sneak up on you. Jake looks at a ‘gotcha’ around unhandled promise rejections and how to work around them. - https://jakearchibald.com/2023/unhandled-rejections/
#nodejs
Jakearchibald
The gotcha of unhandled promise rejections
A rough edge with promises that can sneak up on you.
👍5