A Way to Hear React Performance Issues

angular javascript mantine react.js storybook svelte testing vue Mar 20, 2024

Hey 👋

The PAPAFAM Newsletter introduces React Geiger, offering an innovative approach to identifying React performance issues by making them audible.

Storybook 8 is highlighted for its new features, including built-in visual testing and support for React Server Components.

It also shares best practices for writing tests with React Testing Library, along with a Next.js-specific onboarding/product tour solution called Onborda.

The Mantine React Table is presented as a mature option for projects using the Mantine component library.

Additionally, the newsletter features a thorough comparison of template languages used by various JavaScript frameworks such as React, Vue, Angular, and Svelte.

It concludes with a tutorial on building a Siri clone with Next.js 14 and a book recommendation, "The Power of Habit" by Charles Duhigg, exploring the science behind habits and how they can be changed.

React Geiger: A Way to Hear React Performance Issues
The output is hardly a mellifluous three-voice fugue, but Geiger provides an interesting way to make React performance audible...read more

Storybook 8 Released with RSC Support
The popular front-end component workshop introduces built-in visual testing, and support for React Server Components...read more

Best Practices for Writing Tests with React Testing Library
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to...read more

Onborda: An Onboarding / Product Tour Approach for Next.js
There are a few general React options in this space but Onboarda is more Next.js specific and uses Framer Motion...read more

Mantine React Table: A Mantine Implementation of TanStack React Table
Actually a fork of Material React Table, so it’s already a mature option but built specifically for projects using the Mantine component library...read more

Comparing JavaScript Frameworks: Templates
A thorough comparison of the template languages used by React, Vue, Angular and Svelte...read more

Build a Siri Clone with Next.js 14 + More!

Let’s build Siri 2.0 with NEXT.JS 14! (Microsoft Azure, OpenAI, Whisper Speech Recognition AI, TypeScript)

Click Here to Watch

@ramadhanbridge97 landing several React Jobs with the help of the PAPAFAM!

Our Book Recommendation For You

The Power of Habit by Charles Duhigg

Charles takes us to the thrilling edge of scientific discoveries that explain why habits exist and how they can be changed. At its core, The Power of Habit contains an exhilarating argument: The key to exercising regularly, losing weight, being more productive, and achieving success is understanding how habits work...Read this book HERE!

Stay connected with the latest tech news

Receive access to the PAPAFAM Playlist for FREE upon Signup!

Join our exclusive mailing list for PAPAFAM members. Get personalized Tech Newsletters focused on JavaScript and React delivered to your inbox every Wednesday. Don't miss out – subscribe now!