Implement a Dependency Injection Container in TypeScript from Scratch

IoC (also known as dependency injection container) from theory to implementation - https://medium.com/@vahid.vdn/implement-a-dependency-injection-container-from-scratch-7092c8a0ae7a

#typescript

Tightly Coupled Components Vue Components with Provide/Inject

In this article, learn how to create tightly coupled components with Vue’s provide/inject functions. This component design strategy is great for creating components that are intuitive to use together and rely on shared state! - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject/

#vue

Making Orbit Animations with CSS Custom Properties

Will Boyd shows how to use CSS custom properties to compose animations in a sensible way. - https://codersblock.com/blog/making-orbit-animations-with-css-custom-properties

#css

Improving Code Reusability in Angular Projects

In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786

#angular

Node v23.0.0 (Current) Released

Say hello to the newest release line of Node.js that gets all the cutting edge features first (Node 22 will soon become the active LTS release). v23 notably enables support for loading ES modules with require() by default, drops 32-bit Windows support, and node --run goes stable. - https://nodejs.org/en/blog/release/v23.0.0

#nodejs

How to Control a React Component from the URL  - https://buildui.com/posts/how-to-control-a-react-component-with-the-url

#react

JavaScript Interview Questions in 2024

Do you know the answers? - https://levelup.gitconnected.com/javascript-interview-questions-in-2024-from-an-interviewer-3034aca4993f

#javascript

Selecting Previous Siblings

Chris Coyier showcases a creative and fun use of CSS selectors, including :has() pseudo-class. - https://frontendmasters.com/blog/selecting-previous-siblings

#css

Creating and Publishing a vue-file-validator plugin with Vite and npm : A Comprehensive Guide

As developers, we often face the challenge of validating file uploads in our web applications. This article provides a walk through of developing a file validator plugin and the process of publishing to npm. - https://dev.to/kelvin-igbinoba/creating-and-publishing-a-vue-file-validator-plugin-with-vite-and-npm-a-comprehensive-guide-bi0

#vue

Code smells in Angular — Deep Dive — Part II

In one of my last blog post I have taken a deep dive on the top 5 code smells regarding the… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-ii-747526c43cc9

#angular

Announcing TypeScript 5.7 Beta

The newest TypeScript is on the way. As always, there's a laundry list of enhancements and features, but the path rewriting for relative paths is a particularly welcome addition for those building server-side apps, enabling easy rewrites of .ts imports into .js at compile time. - https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-beta/

#typescript

How Top-Level await Could Break Compatibility

Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/

#nodejs

Create Stunning Maps Effortlessly with React Leaflet - https://jsdev.space/mastering-react-leaflet/

#react

Vue.js and HTML Injection Explained

Do you use v-html in your code? If so, you might be at risk of attack via HTML injection. In this article, explore exactly HOW v-html puts you at risk, use cases and mitigation strategies - https://vueschool.io/articles/vuejs-tutorials/vue-js-and-html-injection-explained/

#vue

Improving Code Reusability in Angular Projects

In this article, you’ll find recommendations on how to make your Angular components and services more… - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786

#angular

The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and…

Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d

#principles

A Deep Dive into Micro Frontend Architecture

Discover the power of Micro Frontend Architecture in React.js! Learn how to build modular and scalable web… - https://medium.com/@isuruariyarathna2k00/a-deep-dive-into-micro-frontend-architecture-with-react-js-264ca6edca6b

#microfrontends

The Story of the Hono Web Framework

Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/

#nodejs

React Folder Structure in Five Steps, 2024 Edition

The latest result of Robin’s efforts at updating his popular posts to 2024 standards. Articles about structuring React apps are always popular; this one breaks the idea down to five steps going from the simplest of apps to more complex ones. Bulletproof React is also worth a look if you need something broader. - https://www.robinwieruch.de/react-folder-structure/

#react

Best Frontend Frameworks for Web Development in 2024

Quick Summary: Selecting the right front-end framework is, in fact, a significantly important part of web… - https://javascript.plainenglish.io/best-frontend-frameworks-for-web-development-in-2024-bcec59055c00

#frontend #frameworks