Angular Logging Http Requests & Http Errors

Often you want to hook in logging to all HTTP request and log request times and payloads, as these give you… - https://medium.com/@piyalidas.it/angular-logging-http-requests-http-errors-fc8b9123204c

#angular

Build a Multi-Step Form with React Hook Form

Use React Hook Form to build a basic, multi-step registration form to collect a user's data and then present it in a confirmation view where it can be reviewed and edited. - https://claritydev.net/blog/build-a-multistep-form-with-react-hook-form

#react

How to embed a google maps feature in a Vue 3 app

If you are planning to build a web application using the Vue.js 3 and want to incorporate Google Maps, here is a simple and easy-to-follow tutorial to guide you through the process. - https://samsonroyal.hashnode.dev/how-to-embed-a-google-maps-feature-in-a-vue-3-app

#vue

What Color Should the Text Be?

Alvaro Montoro ran a couple of polls about CSS selectors, specificity, and !important… and most people got it wrong. A must read. - https://alvaromontoro.hashnode.dev/what-color-should-the-text-be-a-css-quiz

#css

The State of Node.js Performance in 2023

Nearform’s Rafael Gonzaga reflects on the recent release of Node 20 and puts it through its paces against v18.16 and v16.20 with a few different benchmark suites running on a pretty typical EC2 instance. - https://blog.rafaelgss.dev/state-of-nodejs-performance-2023

#nodejs

Design Data Intensive Application With Angular NgRX

Design data intensive application with Angular NgRX - https://interviewnoodle.com/design-data-intensive-application-with-angular-ngrx-d999cf33babe

#angular

The Safest Ways to Hide Your API Keys When Using React - https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/

#react

Building Complex Forms In Vue

This article goes over creating a complex form that can be progressively enhanced using some Vue features like the v-for and the v-model. - https://www.smashingmagazine.com/2023/03/building-complex-forms-vue/

#vue

6 CSS Snippets Every Front-End Developer Should Know in 2023

Every front-end developer should know how to use container queries, create a scroll snap experience, avoid position: absolute with grid, swiftly hammer out a circle, use cascade layers, and reach more with less via logical properties. Learn each of those expectations in this great overview. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023

#css

A Guide to Visual Regression Testing with Playwright

The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing

#nodejs

Advanced Data Structures and Algorithms: Implementing your first Binary Indexed…

The mediocre data structure that successfully fails at optimization - https://blog.bitsrc.io/advanced-data-structures-and-algorithms-implementing-your-first-binary-indexed-tree-a3fcfd2a98ab

#algoritms

React Server Components, Next.js App Router and Examples

Addy Osmani’s overview of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus some RSC related links. - https://addyosmani.com/blog/react-server-components-app-router/

#react

Fortifying Vue.js Applications: Common Security Risks and Solutions

This article discusses the top security vulnerabilities in Vue applications and provides recommendations for identifying and mitigating the risks. - https://medium.com/@neciudan/fortifying-vue-js-applications-common-security-risks-and-solutions-2496321acf82

#vue

Transform Mapped Types from Snake_ to CamelCase in TypeScript

Re-mapping TypeScript Mapped Types - https://javascript.plainenglish.io/transform-mapped-types-from-snake-to-camelcase-in-typescript-472a2a4843b9

#typescript

Modern CSS in Real Life

Chris Coyier looks at five new CSS things that really matter to real-world development. - https://chriscoyier.net/2023/06/06/modern-css-in-real-life

#css

Angular, Typescript, and Decorators

Consider using the unsung feature of decorators to power-up your angular web application - https://ndcunningham.medium.com/angular-typescript-and-decorators-2f58707796d7

#angular

Server-Sent Events with Node

Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs

#nodejs

Vue Mastery: The smart way to add external scripts to your Vue app

Leigh demonstrates a Vue component that can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app

#vue

Using Apollo Client with Next.js 13

Looking at the release of an official (if experimental for now) library to support the App Router approach. - https://www.apollographql.com/blog/announcement/frontend/using-apollo-client-with-next-js-13-releasing-an-official-library-to-support-the-app-router/

#react

I Tried 8 Different Postgres ORMs

A modern, fast-paced, and slightly irreverent meme-heavy look at the various ways in which you can interact with Postgres from a backend JavaScript app. It’s pretty neat as whirlwind tours go. - https://www.youtube.com/watch?v=4QN1BzxF8wM

#nodejs