24 Articles for Learning Nuxt 3
This article is a compilation of 24 useful articles to learn Nuxt 3. - https://masteringnuxt.com/blog/24-articles-for-learning-nuxt3
#vue
This article is a compilation of 24 useful articles to learn Nuxt 3. - https://masteringnuxt.com/blog/24-articles-for-learning-nuxt3
#vue
Masteringnuxt
24 Articles for Learning Nuxt 3
Tutorials and reading articles are a great way to pick up knowledge. This article is a compilation of 24 useful articles to learn Nuxt 3
👍4
The 9 Best Recommendations in the New React Docs
The latest React docs include all sorts of recommendations on how to best write React code and Josh picks out several of his favorites covering areas like data fetching, extracting shared code into functions, and where to define components. - https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/
#react
The latest React docs include all sorts of recommendations on how to best write React code and Josh picks out several of his favorites covering areas like data fetching, extracting shared code into functions, and where to define components. - https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/
#react
Testdouble
Mastering React code style: Tips for cleaner code
Learn the top React code style recommendations from the latest React docs to write cleaner, more maintainable code. Perfect for improving team discussions.
👍6
Insights Gained from Employing Micro-frontends Architecture in Angular
This article deal with implementing small enterprise micro-frontends architecture projects using Angular and… - https://medium.com/elca-it/insights-gained-from-employing-micro-frontends-architecture-in-angular-8f235b9aae9
#angular
This article deal with implementing small enterprise micro-frontends architecture projects using Angular and… - https://medium.com/elca-it/insights-gained-from-employing-micro-frontends-architecture-in-angular-8f235b9aae9
#angular
Medium
Insights Gained from Employing Micro-frontends Architecture in Angular
This article deal with implementing small enterprise micro-frontends architecture projects using Angular and Module Federation
👍5
An Interactive Guide to CSS Grid
Joshua Comeau covers some of the most fundamental parts of the CSS Grid layout algorithm and shows how to do some pretty cool stuff with it. - https://www.joshwcomeau.com/css/interactive-guide-to-grid
#css
Joshua Comeau covers some of the most fundamental parts of the CSS Grid layout algorithm and shows how to do some pretty cool stuff with it. - https://www.joshwcomeau.com/css/interactive-guide-to-grid
#css
Joshwcomeau
An Interactive Guide to CSS Grid • Josh W. Comeau
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the…
👍3🔥2👎1
Deploying Node Apps on Vultr with PM2
I hadn’t noticed MDN was running sponsored articles till now, but they seem to do a good job maintaining the quality. The good thing about this article is you can use it with any VPS, not just those on Vultr. - https://developer.mozilla.org/en-US/blog/deploying-node-js-applications-with-pm2-on-vultr/
#nodejs
I hadn’t noticed MDN was running sponsored articles till now, but they seem to do a good job maintaining the quality. The good thing about this article is you can use it with any VPS, not just those on Vultr. - https://developer.mozilla.org/en-US/blog/deploying-node-js-applications-with-pm2-on-vultr/
#nodejs
MDN Web Docs
Deploying Node.js applications with PM2 on Vultr | MDN Blog
Learn how to deploy a Node.js application on Vultr using PM2 to create persistent services. This guide shows how to efficiently use resources via PM2 cluster mode. It also covers Nginx server setup and SSL security.
👍5
Vue 3 X Web3: Vue.js Forge Episode 4 Recap
Creating a blockchain application using Vue.js is less complicated than it might seem. The recent Vue.js Forge Episode 4 demonstrated this as developers from 133 countries collaborated to build a decentralized Kickstarter clone with Vue 3 and Web 3. This article provides a recap of the event's highlights, offering valuable tips and tutorials from the event. - https://vueschool.io/articles/news/vue-3-x-web3-vue-js-forge-episode-4-recap/
#vue
Creating a blockchain application using Vue.js is less complicated than it might seem. The recent Vue.js Forge Episode 4 demonstrated this as developers from 133 countries collaborated to build a decentralized Kickstarter clone with Vue 3 and Web 3. This article provides a recap of the event's highlights, offering valuable tips and tutorials from the event. - https://vueschool.io/articles/news/vue-3-x-web3-vue-js-forge-episode-4-recap/
#vue
vueschool.io
Vue 3 X Web3: Vue.js Forge Episode 4 Recap - Vue School Articles - Vue School
Did you know you could build web 3 applications with Vue.js? Well now it’s confirmed and it isn’t as complicated as we all think it is. Vue.js Forge Episode 4 was all about building a web 3 application with Vue.js and it was amazing. Keep reading as we give…
👍3
The Tao of React: Design, Architecture & Best Practices
A classic post on the topic of ‘best practices’ that’s so perennially popular in the React world. This was our most visited link in 2021, but is 🐦 still recommended by the author if you’re looking for some common sense practices to apply. - https://alexkondov.com/tao-of-react/
#react
A classic post on the topic of ‘best practices’ that’s so perennially popular in the React world. This was our most visited link in 2021, but is 🐦 still recommended by the author if you’re looking for some common sense practices to apply. - https://alexkondov.com/tao-of-react/
#react
Alexkondov
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
👍5
Micro Frontend Architecture and Challenges: Decision Framework
I’ve recently started reading the book Building Micro-frontend and I’ve decided to share some of the key… - https://blog.bitsrc.io/micro-frontend-architecture-and-challenges-decision-framework-a5f05126cc2e
#microfrontend
I’ve recently started reading the book Building Micro-frontend and I’ve decided to share some of the key… - https://blog.bitsrc.io/micro-frontend-architecture-and-challenges-decision-framework-a5f05126cc2e
#microfrontend
Medium
Micro Frontend Architecture and Challenges: Decision Framework
I’ve recently started reading the book Building Micro-frontend and I’ve decided to share some of the key points I learned about “Decisions…
👍5
CSS Nesting
Ahmad Shadeed documents what he learned about CSS nesting and shares his findings, along with use cases and examples. - https://ishadeed.com/article/css-nesting
#css
Ahmad Shadeed documents what he learned about CSS nesting and shares his findings, along with use cases and examples. - https://ishadeed.com/article/css-nesting
#css
Ishadeed
CSS Nesting
Learn about native CSS nesting with practical examples.
👍4
Angular with Nx in 2023? Seriously, You Should!
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you… - https://itnext.io/angular-with-nx-in-2023-seriously-you-should-83fe2fb81384
#angular
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you… - https://itnext.io/angular-with-nx-in-2023-seriously-you-should-83fe2fb81384
#angular
Medium
Angular with Nx in 2023? Seriously, You Should!
Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you don’t need a monorepo. Let me…
👍5
System Design Master Template: How to Answer Any System Design Interview…
One template to rule them all. - https://levelup.gitconnected.com/system-design-master-template-how-to-answer-any-system-design-interview-question-ee5dc332acd5
#system #design #interview
One template to rule them all. - https://levelup.gitconnected.com/system-design-master-template-how-to-answer-any-system-design-interview-question-ee5dc332acd5
#system #design #interview
Medium
System Design Master Template: How to Answer Any System Design Interview Question.
One template to rule them all.
👍7
Choosing Between Vue.js and Nuxt.js: The Development Dilemma
Vue.js is rapidly gaining popularity among developers and companies, supported by a growing community. Vue.js has seen an emergence of amazing framewaorks like Nuxt built on top of Vue. This article will provide insight into Vue.js and Nuxt as you delve into their usage factors and considerations, examining how they compare and interact with each other. - https://levelup.gitconnected.com/choosing-between-vue-js-and-nuxt-js-the-development-dilemma-b7fba6a66a62
#vue
Vue.js is rapidly gaining popularity among developers and companies, supported by a growing community. Vue.js has seen an emergence of amazing framewaorks like Nuxt built on top of Vue. This article will provide insight into Vue.js and Nuxt as you delve into their usage factors and considerations, examining how they compare and interact with each other. - https://levelup.gitconnected.com/choosing-between-vue-js-and-nuxt-js-the-development-dilemma-b7fba6a66a62
#vue
Medium
Choosing Between Vue.js and Nuxt.js: The Development Dilemma
Deciding Between Vue.js and Nuxt.js: Factors to Consider
👍5❤1
Why I Won't Use Next.js
Kent explains in detail why he has chosen Remix over Next.js. The reasoning is more nuanced than the title might imply but focuses around Remix relying more on the web platform and not being as closely aligned with a commercial platform. - https://www.epicweb.dev/why-i-wont-use-nextjs
#react #nextjs
Kent explains in detail why he has chosen Remix over Next.js. The reasoning is more nuanced than the title might imply but focuses around Remix relying more on the web platform and not being as closely aligned with a commercial platform. - https://www.epicweb.dev/why-i-wont-use-nextjs
#react #nextjs
👍4
How to Use NPM Packages Outside of Node
Learn how to use packages in ‘other places’ like serverless platforms, the browser, and beyond. - https://neon.tech/blog/using-npm-packages-outside-node
#nodejs
Learn how to use packages in ‘other places’ like serverless platforms, the browser, and beyond. - https://neon.tech/blog/using-npm-packages-outside-node
#nodejs
Neon
How to use NPM packages outside of Node - Neon
Learn how to run NPM packages in other places — such as Vercel Edge Functions, or even web browsers — using a couple of simple techniques.
👍2❤1
The New CSS Math: rem() and mod()
Daniel C. Wilson shows how remainders and modulo CSS Math functions work. - https://danielcwilson.com/posts/mathematicss-rem-mod
#css
Daniel C. Wilson shows how remainders and modulo CSS Math functions work. - https://danielcwilson.com/posts/mathematicss-rem-mod
#css
Danielcwilson
The New CSS Math: rem() and mod()
New math constants and functions are coming to CSS... now with more remainders and modulo
👍2🔥2❤1
Angular Architecture — Abstraction layers
Now that we have explored how modular design can be achieved in a standalone Angular application, let’s take… - https://medium.com/@datitk16/angular-architecture-abstraction-layers-dbcf82fe952d
#angular
Now that we have explored how modular design can be achieved in a standalone Angular application, let’s take… - https://medium.com/@datitk16/angular-architecture-abstraction-layers-dbcf82fe952d
#angular
Medium
Angular Architecture — Abstraction layers
Now that we have explored how modular design can be achieved in a standalone Angular application, let’s take a closer look at how our…
👍4🔥1
How to Deploy Your Vite/Vue 3 Application in GitHub Pages 2023
Github pages is a fast and free alternative to host your application. There are several guides to how to setup your project on Github pages. This article provides a practical guide that you can follow, and hopefully leave with a better understanding of how it all works! - https://mkay11.medium.com/how-to-deploy-your-vite-vue-3-application-in-github-pages-2023-2b842f50576a
#vue
Github pages is a fast and free alternative to host your application. There are several guides to how to setup your project on Github pages. This article provides a practical guide that you can follow, and hopefully leave with a better understanding of how it all works! - https://mkay11.medium.com/how-to-deploy-your-vite-vue-3-application-in-github-pages-2023-2b842f50576a
#vue
Medium
How to Deploy Your Vite/Vue 3 Application in GitHub Pages 2023
I really love when I get to use GitHub pages, and I feel thankful for all the great services that GitHub offers. After brushing the dust…
👍8
Can Next.js Handle 5000 Pages?
Christian set out to push both Next.js and AWS Amplify hard. A good read. - https://dev.to/codebeast/can-nextjs-handle-5000-pages-1ejn
#react
Christian set out to push both Next.js and AWS Amplify hard. A good read. - https://dev.to/codebeast/can-nextjs-handle-5000-pages-1ejn
#react
DEV Community
Can Next.js Handle 5000 Pages?
I wanted to share an experiment that drives Next.js 13 SSR and SSG features to its limit. I built a...
👍4❤1👎1
Modular CSS and different ways to structure your stylesheets
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
gomakethings.com
Modular CSS and different ways to structure your stylesheets
This week, I’ve written about classless vs. class-based CSS, and how I approach CSS architecture. I’ve also written a fair bit recently about how I’m starting to consider build tools and anti-pattern. This has led to a few conversations about how to structure…
👍4❤3
Most Common Design Patterns in Angular: What They Are and How to Apply Them
Imagine building a house without a blueprint. It would be chaotic, confusing, and there’s a high chance that… - https://medium.com/williambastidasblog/most-common-design-patterns-in-angular-what-they-are-and-how-to-apply-them-f0193b85e500
#angular
Imagine building a house without a blueprint. It would be chaotic, confusing, and there’s a high chance that… - https://medium.com/williambastidasblog/most-common-design-patterns-in-angular-what-they-are-and-how-to-apply-them-f0193b85e500
#angular
Medium
Most Common Design Patterns in Angular: What They Are and How to Apply Them
Imagine building a house without a blueprint. It would be chaotic, confusing, and there’s a high chance that things wouldn’t turn out the…
👍5