Common Beginner Mistakes with React

As an experienced React educator, Josh has seen most of the common problems people encounter and here he digs deep into “9 of the most dastardly gotchas” and how to resolve them. Aimed at folks who are ‘still pretty early’ in their React journey — so if you’re Dan Abramov, this isn’t for you - https://www.joshwcomeau.com/react/common-beginner-mistakes/

#react

A guide to CSS object-view-box

Piyush Sinha shows how object-view-box property works. - https://blog.logrocket.com/guide-css-object-view-box

#css

Vue Use State Effect - Your small and fast alternative to Vuex and Pinia.

vue-use-state-effect is a fast and small library, built on top of the native Vue.js API that will provide a safe and sharable (across the app) state for your local composables and functions. This article provides a brief guide to using this handy library. - https://dev.to/vue-storefront/vue-use-state-effect-your-small-and-fast-alternative-to-vuex-and-pinia-1gde

#vue

Clean Architecture for Angular Applications - https://medium.com/taager-tech-blog/clean-architecture-for-angular-applications-b7ab140f0d5a

#angular

How to Debug Node Segmentation Faults

Normal execptions are one thing, but when you’re faced with something as cryptic as “segmentation fault (core dumped)”, what are you to do? Tim has some pointers. - https://httptoolkit.com/blog/how-to-debug-node-segfaults/

#nodejs

Were React Hooks a Mistake?

This isn’t quite an attempt to rewind to class-based components, but a take on the rapidly growing popularity of a signals-based approach - https://jakelazaroff.com/words/were-react-hooks-a-mistake/

#react

How Micro-frontend frameworks are replacing legacy monoliths

The re-imagined micro-services pattern for the UI is the new kid on the block that’s taking the frontend… - https://servian.dev/how-micro-frontend-frameworks-are-replacing-legacy-monoliths-f66f34d06a2

#microfrontends

Options API vs Composition API

In this article, Charles explores the differences between the two approaches and help you understand when to use each one - https://vueschool.io/articles/vuejs-tutorials/options-api-vs-composition-api/

#vue

Do we need CSS flex-wrap detection?

Ahmad Shadeed explains why we need flex-wrap detection and outlines some practical use cases. - https://ishadeed.com/article/flex-wrap-detect

#css

Running Initialization Functionality in Angular

In one of my previous articles, I showed how to run a global functionality without cluttering up your… - https://netbasal.com/running-initialization-functionality-in-angular-312d0b3c141f

#angular

Voici.js 2.0: Library for Printing Data on the Terminal

Pretty printing in tabular form, to be precise. It’ll take care of column sizing, sorting, let you style rows and columns, etc - https://lars-waechter.gitbook.io/voici.js/

#nodejs

Full-Stack TypeScript with tRPC and React

How to create a CRUD app with Node/Express on the server and React on the client while employing tRPC for communication between the two. - https://www.robinwieruch.de/react-trpc/

#react

Vue 3 - Why computed functions can make your code cleaner

One of the features that make Vue 3 stand out is its support for computed functions (Vue 2 also has this), which can help make your code a lot cleaner and more efficient. - https://medium.com/js-dojo/vue3-why-computed-functions-can-make-your-code-cleaner-b8e6c1f8d680

#vue

Are you making these five mistakes when writing alt text?

Daniel Sage outlines some common mistakes when writing alt text. - https://www.a11yproject.com/posts/are-you-making-these-five-mistakes-when-writing-alt-text

#css

Refresh-proof your Pinia Stores

A common use case for all data stores is a need to persist data. So how do you persist Pinia state upon a browser refresh? In this tutorial, explore three different ways you can refresh-proof your Pinia stores. - https://medium.com/vue-mastery/refresh-proof-your-pinia-stores-ce2d8247cbe5

#vue

Hexagonal Architecture with Angular

How to adapt hexagonal architecture to Angular ? Would it be beneficial ? This article answers these… - https://medium.com/@alet.aurelien/hexagonal-architecture-with-angular-7e4d070155ea

#angular

npm Granular Access Tokens Now Generally Available

The granular access token feature on the npm registry is now generally available, allowing you to restrict token access to specific packages, set expiration dates, limit access by IP range, and more. - https://github.blog/changelog/2023-03-21-general-availability-of-granular-access-token-on-npm/

#nodejs

What is Vite and Why Use It Over Create React App? — Create React App has long been considered the de facto way to create new React apps, but Vite has become popular in the last year due to its ease of use and performance - https://luketheweb.dev/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app

#react

Front-end Testing Principles

5 principles to write better tests and give you full confidence to push new features into production.Writing… - https://itnext.io/front-end-testing-principles-c4a3b51aa7e5

#testing

7 Component Communications in Vue 3

In Vue.js, our larger application is broken into smaller components. In this article using the composition API, find out the 7 ways our Vue.js components communicate to share data. - https://javascript.plainenglish.io/7-component-communications-in-vue-3-f4d2d795481d

#vue