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

Dynamic method binding in Angular

In Angular, it's very easy to bind static methods from the parent component to the child component. But when… - https://iamtarun1993.medium.com/dynamic-method-binding-in-angular-8264c77b28be

#angular

Speeding Up the JS Ecosystem: It's ESLint's Turn

Last year we featured an article from the same author about how he was finding, and fixing, low-hanging performance fruit in popular JavaScript projects. He’s back, and he’s found a lot of potential for savings in ESLint this time. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-3/

#javascript

The 12 Most Popular Node.js Frameworks in 2023

The data comes from surveys, GitHub stars, plus some gut feelings, but it’s a well put together summarized list of frameworks right now, from family favorites like Express and Fastify to less expected options like Strapi and Keystone. - https://stackdiary.com/node-js-frameworks/

#nodejs

SSR for Micro Frontend CMS-based Architecture

It stumbled upon me during my job as a FE developer / consultant to see situations where a company would… - https://medium.com/valtech-ch/ssr-for-micro-frontend-cms-based-architecture-a680358b134a

#microfrontend

Simplified Dark Mode With Style Queries

Stephanie Eckles explains how style queries can help you simplify dark mode styles. - https://thinkdobecreate.com/articles/simplified-dark-mode-with-style-queries

#css

Start Testing With Vitest

Welcome to the world of testing! Ensuring that your code is reliable and bug-free is an essential part of the software development process, and using a good testing frameworks can greatly assist in this effort. This article will walk you through the basics of using Vitest to test your Vue.js applications. - https://vueschool.io/articles/vuejs-tutorials/start-testing-with-vitest-beginners-guide/

#vue #vitest

Hexagonal Architecture with Angular

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

#angular