Debugging Magic with Vue Devtools

Debugging in Vue.js can be a bit tricky sometimes especially as your applications grow more complex. Not to worry, in this article Vue Devtools is introduced as a perfect bug busting tool to help you figure out your bugs and understand your components and applications much better. - https://vueschool.io/articles/vuejs-tutorials/debugging-magic-with-vue-devtools/

#vue

React Higher-Order Components with TypeScript

Let’s cover the right approach of implementing React higher-order components in TypeScript using generics and… - https://itnext.io/react-higher-order-components-with-typescript-e41c64954825

#react

Awesome Node Security: A Curated List of Node Security Resources

Includes links to libraries like Helmet, educational resources, tools, and even stories of incidents like the left-pad incident - https://github.com/lirantal/awesome-nodejs-security

#nodejs

Web APIs for Angular

Web is a rich ecosystem with a bunch of powerful APIs that keeps growing. Let’s explore how you can use them… - https://medium.com/angularwave/web-apis-for-angular-e9ae3206ed1d

#angular

Why You Should Use px Units for margin, padding, & Other Spacing Techniques

Ashlee M Boyer gives some advice on when to use absolute or relative CSS units. - https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques

#css

Create your own custom Vue Hooks: useElementVisibile

This article will walk you through the process of developing a custom Vue composable hook that can be used across any app or component by creating a hook called useElementVisible, which provides a reactive property that tracks whether or not the element is in the viewport. - https://medium.com/@ankurr.singhal/create-your-own-custom-vue-hooks-useelementvisibile-d04095a13c8b

#vue

Identifying micro-frontends in our applications

I’ve always spent a lot of time reading, attending conferences, researching different topics and those… - https://medium.com/dazn-tech/identifying-micro-frontends-in-our-applications-4b4995f39257

#microfrontend

Building AI Apps with LangChain and Node.js

Discover the basics of building a Retrieval-Augmented Generation (RAG)-powered application using the LangChain framework - https://developer.salesforce.com/blogs/2023/11/building-ai-applications-with-langchain-and-node-js

#nodejs

Next.js 13 vs Remix: A Case Study

No mere lightweight list of feature bullet points, but an extended dive into the similarities and differences between two worthwhile approaches. - https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/

#react

New Angular 17 feature: new control flow syntax

Angular's new declarative control flow demonstrated by Signal-based examples - https://www.angularaddicts.com/p/angular-17-new-control-flow-with-signals

#angular

13 Security Tips for Frontend Developers - https://levelup.gitconnected.com/13-security-tips-for-frontend-developers-6003aed40d23

#tips

Addressing Accessibility Concerns With Using Fluid Type

Maxwell Barvian outlines accessibility concerns with using the CSS clamp() function for “fluid” font sizing. - https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type

#css

Implementing OAuth in Nuxt with Supabase

Few years ago, implementing OAuth in an application completely from scratch was not an easy task. In order to do that, you have to implement a flow in your web application that will be followed by both frontend and backend. Supabase achieves this in a much simpler flow. In this article, explore how to implement OAuth in Nuxt with Supabase. - https://dev.to/jacobandrewsky/implementing-oauth-in-nuxt-with-supabase-4p1k

#vue

The Uphill Battle of Memoization

Two years ago, Dan Abramov wrote about things to do before you use memo() or usememo but Dominik goes a step further into exploring why memo shouldn’t be your very first choice for performance optimizations. - https://tkdodo.eu/blog/the-uphill-battle-of-memoization

#react

How to Build a Server-Side React App Using Vite and Express

A demo of server-side rendering and server-side data fetching without using a full-on framework — showing what React-powered frameworks actually do. - https://thenewstack.io/how-to-build-a-server-side-react-app-using-vite-and-express/

#nodejs

Surprising Facts About New CSS Selectors

Scott Vandehey outlines some gotchas with :is(), :not(), :has(), :where(), and & selectors. - https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors

#css

Using lint-staged, husky, and pre-commit hooks to fail fast and early

Context switching kills productivity. Failed CI checks drag us between contexts after we assume our work to…
- https://codeburst.io/continuous-integration-lint-staged-husky-pre-commit-hook-test-setup-47f8172924fc

#husky #lint-staged

24 Articles for Learning Nuxt 3

Articles are a very quick way to pick up knowledge. So in this article, 24 useful articles have been compiled to help you gain extensive knowledge on Nuxt 3. - https://masteringnuxt.com/blog/24-articles-for-learning-nuxt3

#vue

Using GitHub Actions to Automate a React Native Workflow - https://elazizi.com/posts/5-github-actions-to-automate-your-react-native-workflow/

#reactnative #github #actions

Best Practices for Bootstrapping a Node App Configuration - https://www.lirantal.com/blog/best-practices-for-bootstrapping-a-node-js-application-configuration

#nodejs

Messing About with CSS Gradients

Michelle Barker explores creative use cases for CSS gradients. - https://css-irl.info/messing-about-with-css-gradients

#css