Master React Folder Structure in Five Steps

react.js typescript zustand Oct 17, 2024

Hey 👋

The PAPAFAM Newsletter dives into key developments and resources in the React and JavaScript world.

It offers a guide to structuring React apps in five simple steps, scaling from basic to complex applications.

There’s also a practical piece on implementing a "drag to select" feature for user-friendly bulk operations.

Microsoft Edge’s WebUI 2.0 project is swapping out React components for native web components, signaling a shift toward platform-based solutions.

Zustand 5.0 is released with the focus on speed and simplicity, despite having no new features.

Deno 2 arrives as a major update, bringing enhanced backward compatibility with Node, while TypeScript 5.7 Beta introduces a slew of improvements, including path rewriting features.

The PAPAFAM Newsletter promotes a tutorial on managing cookie consent in Next.js apps using Cookiebot and celebrates Steven Watkins landing a senior developer role with the help of the PAPAFAM community.

Lastly, it recommends *The Psychology of Money* by Morgan Housel, which emphasizes that success with money is more about behavior than knowledge, revealing the emotional side of financial decision-making.

React Folder Structure in Five Steps
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....read more

How to Implement a 'Drag to Select' Mechanism
Josh wanted to implement drag based selection to make bulk operations easier for end users. It was harder than he thought...read more

How Microsoft Edge is Replacing React with Web Components
As part of their WebUI 2.0 project, the Edge browser team is on a mission to swap out React UI components with native web platform...read more

Zustand 5.0: Small, Fast React State Management
You can’t beat a release announcement that says “No new features” but there are some changes...read more

Announcing Deno 2
A huge release for the “what if I reinvented Node again from scratch?” runtime. Backwards compatibility with Node is a headline...read more

Announcing TypeScript 5.7 Beta
The newest TypeScript is on the way. As always, a true laundry list of enhancements and new features, but the path rewriting...read more

How to handle Cookie Consent in any Next.js app the EASY way!

In this video, you'll learn how to implement a customisable cookie banner on your own website using the Cookiebot Consent Management Platform!

Click Here to Watch

Steven Watkins landing a Senior Developer Job with the help of the PAPAFAM!

Our Book Recommendation For You

The Psychology of Money by Morgan Housel

Doing well with money isn't necessarily about what you know. It's about how you behave. And behavior is hard to teach, even to really smart people. Money—investing, personal finance, and business decisions—is typically taught as a math-based field, where data and formulas tell us exactly what to do. But in the real world, people don't make financial decisions on a spreadsheet...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!