Supporting CSS Multi Direction Languages in 2023

Elad Shechter explains how much easier it is to support multi-direction language websites using CSS Logical Properties. - https://medium.com/appwrite-io/supporting-css-multi-direction-languages-in-2023-ea8f1f20bb91

#css

Validating your Vue Props like a Pro

This article explores using props as a powerful tool to help reduce bugs and increase developer confidence during developing and debugging Vue.js applications. - https://medium.com/js-dojo/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6

#vue

Getting Started with SvelteKit

SvelteKit only recently hit 1.0 and this is a comprehensive overview of how to build a site using the Svelte-oriented app framework. It covers topics like routing, layouts, data, props and more. - https://css-tricks.com/getting-started-with-sveltekit/

#svelte

Sandbox Security Concerns with Node's vm Module

node:vm lets you compile and run code within separate contexts of the underlying V8 engine. Great for sandboxing, right? Not so fast. Even the docs say it’s not for running untrusted code. Liran looks at the implications. - https://snyk.io/blog/security-concerns-javascript-sandbox-node-js-vm-module/

#nodejs

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