FrontEnd Development

2022-09-02 08:00:05 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 Open / Comment

2022-09-01 18:00:03 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 Open / Comment

2022-09-01 13:00:05 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 Open / Comment

2022-09-01 08:00:03 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 Open / Comment

2022-08-31 18:00:04 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 Open / Comment

2022-08-31 13:00:01 Style with Stateful, Semantic Selectors

Ben Myers explains how you can create more robust styles by exposing element state to assistive technologies. - https://benmyers.dev/blog/semantic-selectors?utm_campaign=style-with-stateful--semantic-selectors

#css Open / Comment

2022-08-31 08:00:04 Drag-and-drop with Angular Material - https://blog.openreplay.com/drag-and-drop-with-angular-material?utm_campaign=drag-and-drop-with-angular-material---ht

#angular Open / Comment

2022-08-30 18:00:01 Why React Re-Renders

The processes around rendering are so important to understand and get right if you want to get the best performance possible from your React apps. There’s no shortage of stories talking about making React rendering more efficient, but this one digs into why React re-renders in the first place and in an accessible, easily followed way too. - https://www.joshwcomeau.com/react/why-react-re-renders/?utm_campaign=why-react-re-rendersthe-processes-ar

#react Open / Comment

2022-08-30 13:00:05 Popular Node.js Patterns and Tools to Reconsider?

Yoni is well known for his work in cataloging Node best practices but he thinks we should reflect upon entrenched approaches over time. Here he presents nine common approaches to reconsider, including the use of Dotenv, Passport.js, and having conditional code based on the value of NODE_ENV. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/?utm_campaign=popular-node.js-patterns-and-tools-to-re

#nodejs Open / Comment

2022-08-30 08:00:01 Ready for changes with Hexagonal Architecture

A story on how we leveraged Hexagonal Architecture principles to be prepared for changes in the Netflix… - https://netflixtechblog.com/ready-for-changes-with-hexagonal-architecture-b315ec967749?utm_campaign=ready-for-changes-with-hexagonal-archite

#architecture Open / Comment