React Libraries for 2023

The React ecosystem is so large that the problem is one of being spoilt for choice than not finding what you need. This list presents some sound standard options when selecting libraries for a new project and is the latest annual update of an established list Robin maintains. - https://www.robinwieruch.de/react-libraries/

#react

Easing Curves, and Better CSS Transitions and Animations

Josh Collinsworth shares a fantastic guide on CSS cubic-bezier easing curves and how to create the best possible transitions and animations in your web UI. - https://joshcollinsworth.com/blog/great-transitions

#css

Vue.js Real Life Transitions and Micro-Interactions

Vue.js provides a simple and elegant way of handling animations. In this article, find out the various methods you can incorporate to create transitions and micr-interactions in your Vue.js application. - https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8

#vue

Angular Caching using RxJS

There are various ways in angular to increase the web application performance like lazy loading, tree… - https://awstip.com/angular-caching-using-rxjs-1e02e9ad3a7

#angular

You’ve Got Options for Removing Event Listeners

Unnecessary event listeners can cause all sorts of odd problems so it’s good to clean them up when you don’t need them anymore. - https://www.macarthur.me/posts/options-for-removing-event-listeners

#javascript

How to Avoid Tricky Async State Manager Pitfalls

Learn how to prevent some tricky problems in React that can arise when using asynchronous state managers and avoid breaking UIs, animations, and damaging UX. - https://evilmartians.com/chronicles/how-to-avoid-tricky-async-state-manager-pitfalls-react

#react

A Deep Dive into the Node.js Event Loop - https://www.youtube.com/watch?v=KKM_4-uQpow

#nodejs

Design Patterns in TypeScript

OO-inspired patterns aren’t for everyone or every use case, but this is a fantastic catalog of examples, complete with diagrams and explanations, if you need to learn to tell apart factory methods from decorators, facades, or proxies. - https://refactoring.guru/design-patterns/typescript

#typescript

A Step-By-Step Guide To Building Accessible Carousels

Sonja Weckenmann addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible. - https://www.smashingmagazine.com/2023/02/guide-building-accessible-carousels

#css

Skeleton Loader using Vue & Tailwind

A skeleton loader is a great way to improve our app's user experience.
Giannis shows us how we can create a skeleton loader component that includes an animated "shimmer" effect. - https://dev.to/kouts/skeleton-loader-using-vue-tailwind-422a

#vue

What’s the difference between markForCheck and detectChanges in Angular?

Guide on when to use markForCheck and detectChanges with code samples for illustration and background info… - https://medium.com/@andre.schouten_ff/whats-the-difference-between-markforcheck-and-detectchanges-in-angular-fff4e5f54d34

#angular

How to Use Environment Variables Like a Pro in Node.js

We need to maintain two or more environments while creating applications. - https://javascript.plainenglish.io/using-environment-variables-like-a-pro-in-node-js-7fd2793808d3

#nodejs

Migrating from Enzyme to React Testing Library

The folks at Sentry spent 16 months converting their component tests (involving 803 test suites in all) from Enzyme to RTL and tell the whole story of why, plus the unforeseen challenges they encountered, here. - https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/

#react

Getting Started with Style Queries

Una Kravets gives a fantastic guide to Style Queries. - https://developer.chrome.com/en/blog/style-queries

#css

Work with Vite and NX

Nx is a smart, fast and extensible build system with first class monorepo support and powerful integrations. This practical post will help you combine Vite with the NX monorepo tool. - https://medium.com/js-dojo/work-with-vite-and-nx-af2e5a7558cb

#vue #vite

15 Coding Guidelines & Best Practices for Frontend

Follow these coding guidelines and adopt these best practices to ensure code quality and bug-free code. - https://javascript.plainenglish.io/coding-guideline-and-best-practices-for-frontend-dfdb4587afa9

#best #practies

You May Not Need Lodash or Underscore - https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme

#javascript

Modularizing React Applications with Established UI Patterns

This post began as the first in a promised series of posts, but has instead gotten longer each week! It’s now quite a significant, practical look at applying UI patterns to React apps to improve organization and maintainability. - https://martinfowler.com/articles/modularizing-react-apps.html

#react

Feathers 5: The API and Real-Time App Framework

Feathers isn’t as well known as Nest or Fastify, say, but it’s a powerful and mature option if you want to spin up a Node CRUD app tied to a database and now it’s “TypeScript all the way down” too - https://blog.feathersjs.com/introducing-feathers-5-the-api-and-real-time-application-framework-101ae2deaaeb

#nodejs

Preventing Duplicate Array Values in Vue 3

The focus of this article is to find out how to use various JavaScript methods to prevent duplicate array values in Vue-based projects. - https://medium.com/js-dojo/preventing-duplicate-array-values-in-vue-3-7289de361cb4

#vue

On Container Queries, Responsive Images, and JPEG-XL

Jason Grigsby explores how responsive images work with Container Queries. - https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl

#css