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

Testing Library: Everybody Uses It, But Nobody Understands It

A talk from ReactNext 2023. - https://www.youtube.com/watch?v=jNAMdsbdvlI

#react

Vue 3.3 'Rurouni Kenshin' is available

This release is focused on developer experience improvements - in particular, SFC script setup usage with TypeScript. - https://blog.vuejs.org/posts/vue-3-3

#vue

Mastering Yarn's Lifecycle with Hooks

Aims to equip you with the knowledge needed to create your own Yarn plugins and “elevate your package management game”. - https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/

#nodejs

Creating a Node API with Knex and Postgres - https://blog.openreplay.com/create-a-node-api-with-knex-and-postgresql/

#nodejs

Stop being scared of InjectionTokens

Injection Tokens seem to intimidate many developers. We don’t understand what they are, how to use them, and their purpose. - https://itnext.io/stop-being-scared-of-injectiontokens-ab22f72f0fe9

#angular

Scroll-driven animations in CSS are a joy to play around with

Brecht De Ruyte explores how scroll-driven animations in CSS work. - https://utilitybend.com/blog/scroll-driven-animations-in-css-are-a-joy-to-play-around-with

#css

How to Build a Routing Layer in React and Why You'd Need One - https://semaphoreci.com/blog/routing-layer-react

#react

Dan Abamov is Leaving Meta

Staying on Twitter/X, Dan Abramov shared the news that he is leaving Meta and worked through the logic of why now is the right time to move on. If you can't access Twitter (or don't want to), the TLDR is that React won't be negatively impacted as he doesn't write a lot of React code nowadays, he has finished the key things he wanted to do, and a broader team of community leaders is coming together nicely. Dan is also staying on the React team as an independent third party. - https://twitter.com/dan_abramov/status/1682029195843739649

#abramov

Build MicroFrontend In React In 3 Easy Steps

Build your first MicroFrontend in React in just 3 easy and quick steps. A step by step microfrontend tutorial… - https://blog.bitsrc.io/build-microfrontend-in-react-in-3-easy-steps-74790fd0c9fb

#microfrontends