Learn @click event handler for VueJs

We virtually always use the @click event handler in our apps. This is one of the effective technologies that enables us to build dynamic and interactive user interfaces for our VueJs applications. We will go over every important aspect of the @click event handler in this blog post, along with practical examples and suggestions based on different use cases. - https://blog.jobins.jp/learn-click-event-handler-for-vuejs

#vue

Delicious 'Donut' Components

Donuts, in this case, aren’t merely a tasty snack, but a pattern for interleaving client and server components. Presented complete with some fantastic diagrams. - https://frontendatscale.com/blog/donut-components/

#react

The Best Way to Get NVM Working in CI/CD Systems - https://gagor.pl/2023/04/the-best-way-to-get-nvm-working-in-ci/cd-systems/

#nodejs

Big, beautiful, beefy focus states with :focus-visible

Dave Rupert shows how to use :focus-visible pseudo-state to create bigger, bolder, and more obvious focus states for your keyboard users. - https://daverupert.com/2024/01/focus-visible-love/

#css

How to mock NgRx Signal Stores for unit tests and Storybook play interaction tests

In this article, I show you two techniques for mocking Signal Stores, creating mock Signal Stores manually, and using the provideMockSignalStore function (it generates a mock version of a Signal Store) that’s designed to simplify the mocking process - https://www.angularaddicts.com/p/how-to-mock-ngrx-signal-stores

#angular

From Angular 14 to Angular 16

What I have changed in my coding approach - https://medium.com/@redin.gaetan/from-angular-14-to-angular-16-1804736e25d9

#angular

Building a Scalable Microservice Architecture for Nest.js Projects

In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639

#nodejs

Authenticating Vue Apps With Okta

Okta is a cloud-based platform for authentication and authorization. This article delves into authentication in Vue apps, exploring how implementing robust authentication solutions like Okta can resolve challenges related to user identity, data protection, and seamless user journeys. - https://dev.to/asayerio_techblog/authenticating-vue-apps-with-okta-7f1

#vue

Five Application Killing React 'Anti-Patterns'

Jack asked his viewers to submit ways that bad practices and anti-patterns had popped up in their apps. He goes over some here and suggests some countermeasures and mitigations. - https://www.youtube.com/watch?v=ZkQPxP4wlE8

#react

Master Angular 17.1 and 17.2

In this article, I list out the most important changes and new features, also share resources that will teach you how these new Angular features work - https://www.angularaddicts.com/p/master-angular-17-1-and-17-2

#angular

Is `* { min-width: 0; }` a good idea?

Kevin Powell outlines why using * { min-width: 0; } might not be a good idea while explaining in detail how flexbox sizing works and why. - https://www.youtube.com/watch?v=FD3aC_Ke8uk

#css

You’ve Got Options for Removing Event Listeners

A review of some of the most common approaches available to remove event listeners in JavaScript.  -https://macarthur.me/posts/options-for-removing-event-listeners

#javascript

Vue 3.3 defineModel: A simpler and more flexible way to create two-way binding

Vue 3.3 introduces a new macro called defineModel, which simplifies the process of creating two-way binding in Vue components. In this article the author explores how to leverage defineModel to create 2-way binding in your vue components. - https://codewithmrnerd.medium.com/vue-3-3-definemodel-a-simpler-and-more-flexible-way-to-create-two-way-binding-54f0a0032e93

#vue

The React Team Shares What It's Been Working On

It’s been eleven months since the last update, so a lot has happened. Work on React Compiler has progressed; it now powers Instagram’s production site. We also learn that React 19 is on the way and will include some breaking changes, particularly to support things like Web Components. Some of the latest developments in React Canary are also covered. Fingers crossed for May.. - https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024

#react

Node's 2023, Summarized in An Article

Rafael, of the Node.js TSC and Fastify core team, shares a useful update on the evolution of Node.js over the past year, how the team ensures Node is well tested and reliable, changes to Node’s vendor dependencies, as well as enhancements to Node’s security and Web presence. - https://blog.rafaelgss.dev/nodejs-2023-year-in-review

#nodejs

How To Center a Div

Joshua Comeau created a fantastic, in-depth guide on centering in CSS. - https://www.joshwcomeau.com/css/center-a-div

#css

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072

#angular

Quick guide to add websocket to Nuxt 3

In this article, the author explores quick a solution to attaching a websocket within a Nuxt 3 project. - https://dev.to/mellewynia/quick-guide-to-add-websocket-to-nuxt-3-4bi4

#vue

Remix Vite Now Stable; Gets an SPA Mode

Remix is a full-stack web framework built atop React Router that compiles apps into both server and client-side portions that interoperate seamlessly. Support for Vite is now stable in Remix v2.7, with a significant enhancement being a new SPA mode that doesn’t require a JS server in production while maintaining many of Remix’s conventions and benefits. - https://remix.run/blog/remix-vite-stable

#react #remix

Preventing SQL Injection Attacks in Node

Learn more about why and where SQL injection attacks pose a threat and some initial ways to shield your Node apps against them. - https://snyk.io/blog/preventing-sql-injection-attacks-node-js/

#nodejs