Must Read
What Every React Developer Should Know About State
The article covers five of the most essential parts of the state that you need to know. Each of these parts builds upon each other to aid your overall understanding of a somewhat complex topic.
Sponsor (Thank You)

Core library authors. Hands-on learning. The future of JS.
Want to know the future of the JavaScript ecosystem and get connected to the stellar crowd? Attend JSNation Live, a 2-day conference on all things JavaScript, gathering international software engineers in the cloud. To help you stay up-to-date on the latest JS tech, the GitNation team is offering this remote gig on June 9-10, 2021. Get 20% off with the code FEWEEKLY.
Learn
Styled Components Best Practices
This guide gives an overview of the best practices when working with Styled Components. These tips and tricks should help you using Styled Components by example in a consistent way.
How to Clean Up after Yourself and Why It’s Important (Vue/React)
Find out how to clean up event listeners in the two very popular JavaScript frameworks– Vue and React.
Create Your Own Customized Bit Node Environment for a Standardized Node Modules Development
Learn how to create your own pre-configured Node development environment to standardize the development of Node modules across decoupled projects.
Tools & Code
The Complete ORM for Node.js & TypeScript
Prisma is already a pretty popular ORM approach so this may be surprising news, but after two years of development, they’re keen to show off everything Prisma can do and where the project is headed.
Node.js 16 Available Now
This major release of Node.js 16 highlights the update of the V8 JavaScript engine to 9.0, prebuilt Apple Silicon binaries, and additional stable APIs.
Watch
Mocking APIs During Development in React
In this 25-minute video, Leigh Halliday shows you how to use MSWs (Mock Service Workers) to mock HTTP requests both on the browser and on the server during SSR (Server Side Rendering) in Next.js.
Interesting Links
5 Key Lessons React Tutorials Don't Teach
This article presents the five key React lessons worth knowing which you might not find elsewhere.
Sponsor

Time tracking for your business has never been this easy!
Time Tracking has never been this easy. Hyperlogs is the most comprehensive app that helps you manage all your projects and teams timesheets without the clutter and complexity. Its time to focus on growing your business.
Tracking time is only a small part of understanding how healthy your business is. Hyperlogs gives you powerful and invaluable insight that guides sound business decision making. Know your revenue as well as your costs and get visual cues when vital project adjustments are necessary to help it succeed.
Its time you start focusing on growing your business, so let Hyperlogs handle the rest.
Updates

NEED YOUR SUPPORT
I have been running this newsletter for over 4 years and have spent probably close to $20k on it... I now have 10000+ subscribers but I cannot afford to keep it running any more. I really don't want to shut it down and could use your support, if you have enjoyed reading my newsletter for the past 4+ years, then please do support it over here https://www.patreon.com/frontendweekly?fan_landing=true Thank you, Emad