A Comprehensive Guide to React and OpenLayers Integration

How to add and work with interactive maps in your React app by integrating with the established OpenLayers JavaScript mapping library. - https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react

#react

What is CSS Motion Path?

Ryan Finni demonstrates how to animate an element along a path using CSS Motion Path. - https://www.letsbuildui.dev/articles/what-is-css-motion-path

#css

67 Browser-Based Debugging Tricks

A list of useful, ‘not-obvious’ hacks to get the most out of the browser’s DevTools. Assumes a reasonable existing understanding of said tools. - https://alan.norbauer.com/articles/browser-debugging-tricks

#devtols #tricks

Wasp: A Rails-Like Framework for React, Node and Prisma

A common complaint I’ve seen about the Node ecosystem on social media is the lack of a ‘big framework’. This seems unfair with Sails and AdonisJS providing at least two options, but Wasp is another compelling option that even refers to itself as Rails-like. There’s a lot to like, particularly with the release of the ‘Open SaaS’ SaaS starter app that can take you several steps down the road to building an app in minutes. - https://wasp-lang.dev/

#nodejs

An Overview of Angular 17's New Built-In Control Flow

Angular 17 was released last week and a significant enhancement was support for a new syntax in templates that looks and feels more JavaScript-y. - https://www.youtube.com/watch?v=DOffmVeBk0o

#angular

How React Server Components Change Everything

Server components completely alter how you write React code and in this video I will talk about all the difference between client and server components, what the pros and cons are, as well as when to use each one. - https://www.youtube.com/watch?v=rGPpQdbDbwo

#react

Vue Patterns

Free guide for Vue patterns that can significantly help in writing clean, efficient, and maintainable code. Includes patterns like composables, provide/inject, and more. - https://www.patterns.dev/vue

#vue

Command Line Interface Guidelines

A fantastically presented ‘open source guide’ to writing better command line programs in the time-tested UNIX-y way. There's much to enjoy here, including a few Node-specific recommendations. - https://clig.dev/

#nodejs

Animating Font Palette

Mandy Michael shows how to animate a smooth transition between font-palettes in Color Fonts using only CSS. - https://textlab.dev/posts/animating-font-palette

#css

Angular with Nx in 2023? Seriously, You Should!

Honestly, it’s hard for me see why you wouldn’t want to use Nx for your Angular application. And no, you… - https://itnext.io/angular-with-nx-in-2023-seriously-you-should-83fe2fb81384

#angular

Prop Drilling and Component Composition

A visual demonstration of how a little restructuring can help you avoid prop drilling (or at least tidy it up). This is from 2023, but we overlooked it at the time. - https://alexsidorenko.com/blog/react-prop-drilling-composition/

#react

Vue 3 & Composition API - Full Project

Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2. - https://www.youtube.com/watch?v=hNPwdOZ3qFU

#vue

Practical DDD in TypeScript: Domain Service

The story about DDD in TypeScript continues by presenting the first stateless pattern in this series — Domain… - https://javascript.plainenglish.io/practical-ddd-in-typescript-domain-service-8c32afefb102

#typescript

Using abbr Element with title Attribute

Adrian Roselli explains why you shouldn’t use abbr attribute with or without the title attribute. - https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html

#css

How to Stream Files from Next.js Route Handlers

“Despite being Next.js specific, it goes over the philosophical difference between Node.js specific API routes, and runtime-agnostic route handlers, which I think could be interesting to a broader audience of backend JS developers.” - https://www.ericburel.tech/blog/nextjs-stream-files

#nodejs

A Guide to Managing Click Me Load More State for Angular App API Requests

This tutorial walks you through how to track the status of API requests in your Angular app and displaying… - https://levelup.gitconnected.com/a-guide-to-managing-loading-state-for-angular-app-api-requests-83b7429d0e3a

#angular

Vue.js Directives: A Beginner’s Guide

In this article, we will take a deep look at Vue.js directives and their use cases and explore the possibilities of including our very own directives. - https://vueschool.io/articles/vuejs-tutorials/vue-js-directives-a-beginners-guide/

#vue

Updating Public Next.js Environment Variables Without Rebuilds

A practical approach to updating public environment variables without rebuilding your app. - https://phase.dev/blog/nextjs-public-runtime-variables/

#react

Front-end Layout That Every Senior Front-end Engineer Should Know

A set of codes for mobile phones, iPads, and PCs. Each time a different style is loaded, they are all… - https://javascript.plainenglish.io/front-end-layout-that-every-senior-front-end-engineer-should-know-711e174687c5

#frontend

Topic Classification from Node with Astra Vector Search

An example of using Node to crunch some data and pipe it into Datastax’s Astra vector database (using Mongoose and a JSON API driver) for querying. - https://thecodebarbarian.com/topic-classifiers-in-nodejs-using-astra-vector-search.html

#nodejs