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

Interviewing ChatGPT for a Front-End Developer Position - https://fadamakis.com/interviewing-chatgpt-for-a-front-end-developer-position-f1f5c08a275a

#interview #chatgpt

Yes, here are 3 ways to create a multiple layout system with Vue 3

Layouts are the foundations of medium-to-large websites or apps. Unlike Nuxt, Vue 3 doesn’t have a native layout system, but don’t worry. In this article, I’m going to show you 3 simple ways to achieve that. - https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb

#vue

New Viewport Units

Ahmad Shadeed explains how exactly svh, lvh, and dvh viewport units work. - https://ishadeed.com/article/new-viewport-units

#css

Configure Prettier and ESLint with Angular

Everyone wants to write code in a fast bug-free way without thinking about its style most of the time. That’s… - https://itnext.io/configure-prettier-and-eslint-with-angular-e7b4ce979cd8

#angular

Push Notifications with Firebase Cloud Messaging in React Native

Google’s Firebase Cloud Messaging is an established push notification service—why not employ it to implement push for your React Native apps? - https://scientyficworld.org/push-notification-firebase-cloud-messaging/

#reactnative

Puppeteer in Node.js: More Antipatterns to Avoid - https://blog.appsignal.com/2023/06/14/puppeteer-in-nodejs-more-antipatterns-to-avoid.html

#nodejs

Configure Amplify authentication with SvelteKit

How to configure amplify authentication with SvelteKit v1.0 - https://depascalematteo.medium.com/configure-amplify-authentication-with-sveltekit-db64c9a01c93

#svelte

From Hacks to Elegance: Transforming a Card Component with Modern CSS Wizardry

Nils Binder demonstrates how to use modern CSS to refactor an existing card component. - https://9elements.com/blog/from-hacks-to-elegance-transforming-a-card-component-with-modern-css-wizardry

#css

Building Reusable and Maintainable Components in Vue with the Data Provider Pattern

One of the most powerful techniques we can use to build reusable and maintainable components is the Provider Pattern. This approach, widely used not only in the Vue ecosystem, allows us to separate the presentation layer from the data fetching, helping us avoid common pitfalls like spaghetti code and prop drilling. By leveraging the Provider Pattern, we can create components that are easier to develop, reuse, and maintain over time. Let's explore this pattern together. - https://fadamakis.com/building-reusable-and-maintainable-components-in-vue-with-the-data-provider-pattern-2797876c007d

#vue