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 Loading 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