CSS Nesting Relaxed Syntax Update
Adam Argyle gives a quick update on native CSS nesting. - https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/
#css
Adam Argyle gives a quick update on native CSS nesting. - https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/
#css
Chrome for Developers
CSS nesting relaxed syntax update | Blog | Chrome for Developers
Lookahead nesting enabled in Chrome 120.
Can Bun Eat Node.js’s Lunch?
An experiment in migrating a codebase (a restaurant voting app called Lunch) from Node over to Bun and seeing how it fares. They’re impressed but found it to be “not production-ready as I’m still encountering segmentation faults for common tasks.” - https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit
#nodejs #bun
An experiment in migrating a codebase (a restaurant voting app called Lunch) from Node over to Bun and seeing how it fares. They’re impressed but found it to be “not production-ready as I’m still encountering segmentation faults for common tasks.” - https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit
#nodejs #bun
Lab Zero
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit
We tried migrating our trusty Lunch codebase from Node to Bun. Was the transition as smooth as advertised?
Component communication in Angular for Senior devs
Exchanging data between different components is just an essential task in any application. Angular is not an… - https://medium.com/@iamprovidence/component-communication-in-angular-for-senior-devs-4e3c9f0f2c59
#angular
Exchanging data between different components is just an essential task in any application. Angular is not an… - https://medium.com/@iamprovidence/component-communication-in-angular-for-senior-devs-4e3c9f0f2c59
#angular
Medium
Component communication in Angular for Senior devs
Exchanging data between different components is just an essential task in any application. Angular is not an exception here. Despite how…
How We Optimized Package Imports in Next.js
The latest version of Next includes improvements to optimize package imports that can improve local dev performance and production cold starts. This post explains why this was needed and how it was done. - https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
#react
The latest version of Next includes improvements to optimize package imports that can improve local dev performance and production cold starts. This post explains why this was needed and how it was done. - https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
#react
Vercel
How we optimized package imports in Next.js - Vercel
How solving barrel files led to faster cold boots and build times.
Asynchronous Component Loading in Vue 3
Asynchronous loading of our Vue.js components helps improve the performance and Optimization of our application. This article explores the lazy loading components feature in Vue 3 and it’s implementation - https://javascript.plainenglish.io/asynchronous-component-loading-in-vue-3-f8cd0860da23
#vue
Asynchronous loading of our Vue.js components helps improve the performance and Optimization of our application. This article explores the lazy loading components feature in Vue 3 and it’s implementation - https://javascript.plainenglish.io/asynchronous-component-loading-in-vue-3-f8cd0860da23
#vue
Medium
Asynchronous Component Loading in Vue 3
Asynchronous loading in Vue 3 using defineAsyncComponent
Semantic Inline Lists
Chris Ferdinandi shows how to make inline lists accessible. - https://gomakethings.com/semantic-inline-lists
#css
Chris Ferdinandi shows how to make inline lists accessible. - https://gomakethings.com/semantic-inline-lists
#css
Gomakethings
Semantic inline lists
Sometimes, you want an list to be displayed in a line (like a nav menu) rather than vertically.
<ul class="list-inline"> <li>Merlin</li> <li>Ursula</li> <li>Radagast</li> </ul> To do that, you typically set list-style to none, then style the list items with…
<ul class="list-inline"> <li>Merlin</li> <li>Ursula</li> <li>Radagast</li> </ul> To do that, you typically set list-style to none, then style the list items with…
Secure Code Review Tips to Defend Against Vulnerable Node Code
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node development security with this guide to secure code review. - https://www.nodejs-security.com/blog/secure-code-review-tips-to-defend-against-vulnerable-nodejs-code
#nodejs
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node development security with this guide to secure code review. - https://www.nodejs-security.com/blog/secure-code-review-tips-to-defend-against-vulnerable-nodejs-code
#nodejs
NodeJS Security & NodeJS Secure Coding
Secure Code Review Tips to Defend Against Vulnerable Node.js Code
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node.js development security with this guide to secure code review.
The Rise of Next.js: Why It's the Full-Stack Framework of Choice - https://www.felixvemmer.com/blog/why-next-js
#react
#react
Understanding Accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
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
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.
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
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…
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.
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
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…
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…
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…
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.
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…