How to improve the PageSpeed score of your Nuxt.js website in 6 steps
- https://localazy.com/blog/how-improve-pagespeed-score-nuxt-js-website-6-steps?utm_campaign=how-to-improve-the-pagespeed-score-of-yo

#vue

Micro Frontends in Action: Architecture and Integration Approaches

A good frontend is tough to develop, but scaling frontend development for several teams to work at the same… - https://medium.com/deciphering-deadlocks/micro-frontends-in-action-architecture-and-integration-approaches-411e1e3b66b6?utm_campaign=micro-frontends-in-action-architecture

#microfrontends

Introducing Gatsby, A 'Reactive Site Generator'?

Gatsby’s new focus is on enabling teams to publish content rapidly using a new architecture that they say allows Gatsby Cloud to publish to its CDN in one second. This post benchmarks Gatsby’s “Reactive Site Generation” (RSG) approach against traditional static and server side approaches. - https://www.gatsbyjs.com/blog/re-introducing-gatsby-a-reactive-site-generator/?utm_campaign=introducing-gatsby--a-reactive-site-gen

#react

How to Use OpenTelemetry to Trace Node.js Applications

A five-step tutorial sharing how to instrument your app to better troubleshoot production errors. - https://developers.redhat.com/articles/2022/08/23/how-use-opentelemetry-trace-nodejs-applications?utm_campaign=how-to-use-opentelemetry-to-trace-node.j

#nodejs

Dynamic Link Previews for a React SPA using AWS Lambda@Edge

Using AWS’s edge-based serverless function service to render an index.html with dynamic meta tags to support link previews on WhatsApp, Twitter, and similar services for a React SPA. - https://cgarethc.medium.com/dynamic-link-previews-with-a-react-spa-using-aws-lambda-edge-e33d51e6795c?utm_campaign=dynamic-link-previews-for-a-react-spa-us

#spa #link #preview

Component Communication in VueJs - https://pasankamburugamuwa1.medium.com/component-communication-in-vuejs-6a4ee553fcbf?utm_campaign=component-communication-in-vuejs---https

#vue

The Future of CSS: Variable Units, powered by Custom Properties

Bramus Van Damme explains how CSS Custom Units work. - https://www.bram.us/2022/07/08/the-future-of-css-variable-units-powered-by-custom-properties/?utm_campaign=the-future-of-css-variable-units--power

#css

Extract Parameter Types from String Literal Types with TypeScript

If the things that TypeScript’s type system can do impress or confuse you, this well presented article will give you a turbocharged dose of either..! - https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/?utm_campaign=extract-parameter-types-from-string-lite

#typescript

Advanced React Component Composition

A deep dive into the principles of composition for designing and building reusable components that scale. - https://frontendmastery.com/posts/advanced-react-component-composition-guide/?utm_campaign=advanced-react-component-composition

#react

Code Angular the 2022 Way

Don’t be left out of Angular 14 by continuing to code Angular the old way. Upgrade your app today to make your code cleaner and faster. - https://javascript.plainenglish.io/code-angular-the-2022-way-make-the-change-and-be-ahead-8493224ac6ae?utm_campaign=code-angular-the-2022-waydont-be-le

#angular

Vue recursive components: Rendering nested comments - https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/

#vue

Avoiding <img> layout shifts: aspect-ratio vs width & height attributes

Jake Archibald explores ways to avoid layout shifts using width and height attributes or aspect-ratio in CSS. - https://jakearchibald.com/2022/img-aspect-ratio

#css

S.O.L.I.D Principles with JS examples

The SOLID Principles were presented initially by Uncle Bob in his book Agile Software Development: Principles, Patterns, and Practices and they intended to make software designs more understandable, flexible and maintainable. - https://medium.com/front-end-weekly/s-o-l-i-d-principles-with-js-examples-db95b44e82e

#solid #javascript

How to Use Forms in React

A seemingly basic topic covered at a low level in Robin’s typically easily accessible manner. Once you grasp the basics, you can then pick up things like React Hook Form or Formik with confidence. - https://www.robinwieruch.de/react-form/

#react

Alternative way to localize in Angular - https://garage.sekrab.com/posts/alternative-way-to-localize-in-angular

#angular

Building a Node API with API-First Design

Now that APIs are a key aspect of the software industry, the concept of API-first design is gaining traction. Under this paradigm, an API definition is created and collaborated on before any code is written. - https://blog.treblle.com/building-a-node-api-with-api-first-design/

#nodejs

In-Depth Look at TypeScript Generics — Advanced Inference - https://itnext.io/in-depth-look-at-typescript-generics-part-2-advanced-inference-5c75638ee6bf

#typescript

Can SVG Symbols Affect Web Performance?

Bart Stefański explores how SVG Symbols affect web performance. - https://bstefanski.com/can-svg-symbols-affect-web-performance

#css

Ref vs Reactive

Vue 3’s Composition API provides two main ways of declaring reactive data. What’s the difference between these and which should you use? - https://vuejsdevelopers.com/2022/06/01/ref-vs-reactive/

#vue

How to Deploy and Host Angular 🅰️ Micro Frontend for FREE Using Firebase 🔥

A tutorial on how to deploy and host a micro frontend app free and with zero stress. - https://itnext.io/how-to-deploy-and-host-angular-%EF%B8%8F-micro-frontend-for-free-using-firebase-6e675b511a4

#angular

The Minimum TypeScript You Need for React

If you don’t have the time to learn every React-related tool in fine detail, here’s at least the need to know list for TypeScript, to free up some time to learn the other things you’ll also need to know. - https://ente.io/blog/tech/typescript-for-react/

#react