Modelling and Documenting the Software Architecture

This article will delve into two prominent methods of modelling and communicating the architecture to… - https://medium.com/@vijmoorthy/modelling-and-documenting-the-software-architecture-4a1a46ab0cd0

#architecture

The Node.js Best Practices List: 2023 Edition

A valuable, long standing resource has been “modernized to 2023 standards” (complete with recommendations of more modern libraries) with lots of work by creator Yoni and an ever growing team of contributors. The topics remain the same, however, covering areas like code style, project architecture, and taking apps into production. - https://github.com/goldbergyoni/nodebestpractices

#nodejs

Update State During Render, Better Explained

Last week, Swizec told us about updating state during rendering but if the idea or motivation confused you, he’s back with more of an explanation. - https://swizec.com/blog/update-state-during-render-better-explained/

#react

Holograms, Light-Leaks and How To Build CSS-Only Shaders

Robb Owen looks at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript. - https://robbowen.digital/wrote-about/css-blend-mode-shaders

#css

Build an AI Chatbot Vue School Course

Build an AI powered Chatbot with ChatGPT and Vuejs in this extensive course from Vue School. In this course you will learn how to interact with a powerful API in the context of a Vue 3 application by building a Vue.js powered ChatGPT clone, a trained Custom Support Chat Bot, and an app that automatically generates Social Media Posts when given an article URL - https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4

#vue #gpt4

Performance Optimization Techniques — Angular way.

Application performance is a nightmare for every frontend developer as it directly impact the user… - https://medium.com/@sajidreshmi94/performance-optimization-techniques-angular-way-98b87da7e2bf

#angular

Using npm Workspaces with Docker - https://nathanfries.com/posts/docker-npm-workspaces/

#nodejs

Simple Next.js and React Authentication with Clerk - https://www.youtube.com/watch?v=RHFmsoiVtKE

#react

SOLID Principles in Vue

SOLID principles are a set of guidelines to write maintainable and scalable code. They are not limited to certain programming languages or technologies and can be applied to any kind of software development, including front-end development. This article briefly discusses the SOLID principles, and how they are applied to Vue 3 framework. - https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968

#vue

Angular Signals Implementation - https://medium.com/@federico.monaldi/angular-signals-implementation-ab64e02fa3c3

#angular

Writing CSS In 2023: Is It Any Different Than A Few Years Ago?

Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet). - https://www.smashingmagazine.com/2023/07/writing-css-2023/

#css

Why and how to create an Event Bus in Vuejs 3

Have you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. - https://inspector.dev/why-and-how-to-create-an-event-bus-in-vuejs-3/

#vue

Design Patterns: Builder Pattern in TypeScript

Master the Builder Pattern and Easily Handle the Creation of Objects. - https://levelup.gitconnected.com/design-patterns-builder-pattern-in-typescript-2defc304954a

#typescript

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

Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. - https://nodejstoolbox.com/

#nodejs

How React 18 Improves Application Performance

If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance. - https://vercel.com/blog/how-react-18-improves-application-performance

#react

Scroll Progress Animations in CSS

Michelle Barker shows how to link animations to the scroll progress of a container. - https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css

#css

Data Fetching Basics

Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics

#vue

Angular with Vite is crazy fast

Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c

#angular

Speeding Up V8 Heap Snapshots

When diagnosing a memory leak in a JavaScript app, engineers at Bloomberg encountered some weird performance issues with capturing a single full-size heapshot taking more than 30 minutes(!) at times. Here’s the full story of how they investigated and resolved the problem, making JS memory analysis faster than ever for all of us. - https://v8.dev/blog/speeding-up-v8-heap-snapshots

#nodejs

Creating Custom Raycast Extensions with React

No lie, Raycast has replaced Spotlight, Alfred, and all the rest on macOS for me. It’s a fantastic launcher and shortcuts app, plus it has an extensions system you can use to make it do even more tricks. - https://spacejelly.dev/posts/creating-custom-raycast-extensions-with-react/

#react