A Guide to React Portals
Portals let you render some children into a different part of the DOM / outside the current hierarchy. - https://semaphoreci.com/blog/react-portals
#react
Portals let you render some children into a different part of the DOM / outside the current hierarchy. - https://semaphoreci.com/blog/react-portals
#react
Semaphore
A Guide to React Portals - Semaphore
In this article, we explore React Portals, how they work, and how you can use them effectively in your React applications.
Responsive type scales with composable CSS utilities
Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales
#css
Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales
#css
Tobiasahlin
Responsive type scales with composable CSS utilities
With the help of calc(), clamp() and CSS vars, we can create composable, responsive, and fluid type scales that smoothly adapts to viewport and container widths.
A Comprehensive Guide to Data Fetching in Nuxt 3
With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. In this article, explore everything you need to know about the different data fetching methods available in Nuxt 3 and when to use them. - https://mokkapps.de/blog/a-comprehensive-guide-to-data-fetching-in-nuxt-3
#vue
With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. In this article, explore everything you need to know about the different data fetching methods available in Nuxt 3 and when to use them. - https://mokkapps.de/blog/a-comprehensive-guide-to-data-fetching-in-nuxt-3
#vue
Michael Hoffmann
A Comprehensive Guide to Data Fetching in Nuxt 3
With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. For example, we want to avoid duplicate network calls, efficient caching, and ensure that the calls work across environments.…
Angular: Best Practices for 2023
Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab
#angular
Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab
#angular
Medium
Angular: Best Practices for 2023
Listing down few practices to catch up to early, on the way to being an Angular Developer.
A Web Server ‘Hello World’ Benchmark: Go vs Node vs Nim vs Bun
The standard disclaimer applies: benchmarks are difficult and don’t always measure what you should care about. Nonetheless, they remain of interest and here’s a quick example comparing the simplest of HTTP servers in with Go, Node, Bun and Nim. In short: Node stands up fine, but you'd want to benchmark something more elaborate than this in reality. - https://lemire.me/blog/2023/10/07/web-server-hello-world-benchmark-go-vs-node-js-vs-nim-vs-bun/
#nodejs
The standard disclaimer applies: benchmarks are difficult and don’t always measure what you should care about. Nonetheless, they remain of interest and here’s a quick example comparing the simplest of HTTP servers in with Go, Node, Bun and Nim. In short: Node stands up fine, but you'd want to benchmark something more elaborate than this in reality. - https://lemire.me/blog/2023/10/07/web-server-hello-world-benchmark-go-vs-node-js-vs-nim-vs-bun/
#nodejs
Limit the reach of your selectors with the CSS @scope at-rule
Bramus Van Damme explains how to use @scope to select elements only within a limited subtree of your DOM. - https://developer.chrome.com/articles/at-scope
#css
Bramus Van Damme explains how to use @scope to select elements only within a limited subtree of your DOM. - https://developer.chrome.com/articles/at-scope
#css
Chrome for Developers
Limit the reach of your selectors with the CSS @scope at-rule | CSS and UI | Chrome for Developers
Learn how to use @scope to select elements only within a limited subtree of your DOM.
10 Vue.js Optimization Tips That Frontend Engineers Must Use in 2023
Optimizing Vue.js application performance is a concern for every front-end developer. - https://javascript.plainenglish.io/10-vue-js-optimization-tips-that-frontend-engineers-must-use-in-2023-5040e9cd2a7c
#vue
Optimizing Vue.js application performance is a concern for every front-end developer. - https://javascript.plainenglish.io/10-vue-js-optimization-tips-that-frontend-engineers-must-use-in-2023-5040e9cd2a7c
#vue
Medium
10 Vue.js Optimization Tips That Frontend Engineers Must Use in 2023
Optimizing Vue.js application performance is a concern for every front-end developer.
Stop passing props between React components! Apply composition pattern
Passing props between React components is a common practice when building complex applications. While it… - https://medium.com/@flavtech/stop-passing-props-between-react-components-apply-composition-pattern-15b132bf0686
#react
Passing props between React components is a common practice when building complex applications. While it… - https://medium.com/@flavtech/stop-passing-props-between-react-components-apply-composition-pattern-15b132bf0686
#react
Medium
¡Stop passing props between React components! Apply composition pattern
Passing props between React components is a common practice when building complex applications. While it works well for small-scale…
The Hidden Performance Cost of Node and GraphQL
“GraphQL’s modular structure generally leads to code that instantiates excessive promises, which degrades request performance.” - https://www.softwareatscale.dev/p/the-hidden-performance-cost-of-nodejs
#nodejs
“GraphQL’s modular structure generally leads to code that instantiates excessive promises, which degrades request performance.” - https://www.softwareatscale.dev/p/the-hidden-performance-cost-of-nodejs
#nodejs
www.softwareatscale.dev
The Hidden Performance Cost of NodeJS and GraphQL
NodeJS and GraphQL are popular technologies for building web applications, but in my experience, they come with certain scaling and performance tradeoffs to be aware of.
Using CSS custom properties like this is a waste
Kevin Powell explores how you can make your code a lot more efficient by leveraging pseudo-private custom properties. - https://www.youtube.com/watch?v=_2LwjfYc1x8
#css
Kevin Powell explores how you can make your code a lot more efficient by leveraging pseudo-private custom properties. - https://www.youtube.com/watch?v=_2LwjfYc1x8
#css
YouTube
Using CSS custom properties like this is a waste
If you're interested in checking out ICodeThis, you can find it here: https://icodethis.com/?ref=kevin and if you want to sign up for one of their premium plans, use KEVIN at checkout for an extra 10% off.
Custom properties are amazing, but a lot of people…
Custom properties are amazing, but a lot of people…
Part Of Why I Think Angular Is Junk
Several years ago I wrote about how I think React is junk. The article proved popular and led to a few… - https://medium.com/codex/part-of-why-i-think-angular-is-junk-5832d191e9a8
#angular
Several years ago I wrote about how I think React is junk. The article proved popular and led to a few… - https://medium.com/codex/part-of-why-i-think-angular-is-junk-5832d191e9a8
#angular
Medium
Part Of Why I Think Angular Is Junk
Several years ago I wrote about how I think React is junk. The article proved popular and led to a few follow-up's. My recent “Bad…
100 Things You Should Know About Nuxt 3
A blog post with about 100 things you should know about Nuxt 3
Organized by categories, with little tips that are easy to digest. - https://www.telerik.com/blogs/100-things-you-should-know-about-nuxt-3
#vue
A blog post with about 100 things you should know about Nuxt 3
Organized by categories, with little tips that are easy to digest. - https://www.telerik.com/blogs/100-things-you-should-know-about-nuxt-3
#vue
Telerik Blogs
100 Things You Should Know About Nuxt 3
Wondering how Nuxt 3 differs from Nuxt 2? Or afraid you’re missing something new in Nuxt 3? Here’s 100 tips and updates worth noting, in handy categories.
Building a Next.js 13 Dashboard with Auth using AWS
With AWS Appsync and Amplify Studio doing a lot of the heavy lifting. - https://www.youtube.com/watch?v=-j7XpK2UQ3w
#react
With AWS Appsync and Amplify Studio doing a lot of the heavy lifting. - https://www.youtube.com/watch?v=-j7XpK2UQ3w
#react
YouTube
Build a Next.js 13 Dashboard With Authentication using AWS
Need to Sign Up? Click here https://go.aws/3qK8rG6
#nextjs #nextjstutorial #aws
In this code-a-long we create a Next.js 13 application admin dashboard with Authentication. We'll use AWS Appsync, Amplify Studio, storage, auth and more!
👉 Check out my…
#nextjs #nextjstutorial #aws
In this code-a-long we create a Next.js 13 application admin dashboard with Authentication. We'll use AWS Appsync, Amplify Studio, storage, auth and more!
👉 Check out my…
Exploring Micro Frontend Architecture: An Introduction
Micro frontend architecture is an emerging trend in software development that focuses on breaking down a… - https://medium.com/aimonks/exploring-micro-frontend-architecture-an-introduction-5b706dddf834
#microfrontends
Micro frontend architecture is an emerging trend in software development that focuses on breaking down a… - https://medium.com/aimonks/exploring-micro-frontend-architecture-an-introduction-5b706dddf834
#microfrontends
Medium
Exploring Micro Frontend Architecture: An Introduction
Micro frontend architecture is an emerging trend in software development that focuses on breaking down a monolithic frontend application…
Naming Variables In CSS
Jonathan Dallas shares some thoughts related to naming CSS Custom Properties. - https://jwdallas.com/posts/namingcssvariables
#css
Jonathan Dallas shares some thoughts related to naming CSS Custom Properties. - https://jwdallas.com/posts/namingcssvariables
#css
Jwdallas
Naming Variables In CSS
Some collected thoughts around how to name variables in CSS. Ideas, conventions, and some do's and don't for consideration.
The Basics of Deploying and Testing AWS Step Functions with Node - https://blog.appsignal.com/2023/10/04/deploy-and-test-aws-step-functions-with-nodejs.html
#nodejs
#nodejs
Appsignal
Deploy and Test AWS Step Functions with Node.js | AppSignal Blog
In the first part of our Node Step Functions in AWS series, we'll deploy step functions to AWS and test them.
Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Medium
Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16.
How to Create Multilingual React Apps with react-i18next - https://hackernoon.com/how-to-create-multilingual-react-apps-with-react-i18next
#react
#react
Hackernoon
How to Create Multilingual React Apps with react-i18next
This step-by-step guide covers setting up i18next, translating components, and switching between languages for a multilingual user experience.
Why Vue is a great fit for modular software architecture
It’s sometimes daunting thinking about all the various JavaScript frameworks that exist and which to invest in. Fortunately, it's easier to choose when you focus on investing in a modular software architecture. In this post, we’ll be talking about why Vue should be one of your top contenders when choosing a front-end framework to invest in for the long haul. - https://www.netlify.com/blog/why-vue-is-a-great-fit-for-modular-software-architecture/
#vue
It’s sometimes daunting thinking about all the various JavaScript frameworks that exist and which to invest in. Fortunately, it's easier to choose when you focus on investing in a modular software architecture. In this post, we’ll be talking about why Vue should be one of your top contenders when choosing a front-end framework to invest in for the long haul. - https://www.netlify.com/blog/why-vue-is-a-great-fit-for-modular-software-architecture/
#vue
Netlify
Why Vue is a great fit for modular software architecture
Learn how Vue is a great candidate for modular software architecture that allows you to build scalable applications of various sizes.
12 Top Tips for Writing Clean Code
Level Up Your Coding Game: Discover the Top 12 Tips for Clean and Maintainable Code - https://levelup.gitconnected.com/12-top-tips-for-writing-clean-code-979255bd545a
#clean #code
Level Up Your Coding Game: Discover the Top 12 Tips for Clean and Maintainable Code - https://levelup.gitconnected.com/12-top-tips-for-writing-clean-code-979255bd545a
#clean #code