Node.js Toolbox: A New Way to Find Node.js Packages

If you’ve worked in the Ruby/Rails space, you might know Ruby Toolbox as a long-time way to find and compare libraries. It’s early days but Node.js Toolbox is an unrelated, but similar effort curating Node packages in areas like HTTP frameworks, browser testing and query builders. - https://nodejstoolbox.com/

#nodejs

Что скрыто внутри Yandex Cloud?
Узнайте на нашем офлайн-митапе!
Приглашаем на about:cloud — наши разработчики расскажут, как они развивают ключевые инфраструктурные сервисы по мере роста нагрузки и сложности. Обсудим, с какими сложными и интересными техническими задачами мы сталкиваемся.
Регистрируйтесь ➡️

Adopting React in the Early Days

A short, personal history lesson which provides some helpful context for React’s evolution over the years and where things stand today. While React might be an obvious, even safe, choice now, it wasn’t always that way! - https://cult.honeypot.io/reads/adopting-react-in-the-early-days/

#react

Best Practices, Tips & Tricks for Writing Unit Tests for Angular Components

Two years ago I started working at Varonis. Varonis is an Israeli cyber security company. At Varonis we aim… - https://medium.com/@vmeital80/best-practices-tips-tricks-for-writing-unit-tests-for-angular-components-23f034b85c1a

#angular

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