#412 React Best Practices and Optimization Techniques
We will explore various techniques and strategies to write clean and efficient code
React Best Practices and Optimization Techniques
In this part, we will explore various techniques and strategies to write clean and efficient code in your React applications. By following these best practices, you can improve the maintainability, performance, and readability of your codebase.
Adding Authentication to Your React App (sponsor)
Authentication is one of those things that always takes more effort than you want. Instead of adding static libraries (that you need to update and maintain), you can an auth provider that stays up-to-date automatically and comes with pre-built components. Check out how easy it is to add registration & log in with this React SDK from FusionAuth.
Using useMutation to make an advanced toggle in React
React Query provides some powerful abstractions for fetching and modifying data. In this example, we wanted a version of useMutation that both updates the server state immediately and provides a status indicator for the request itself.
As the technology are evolving the tools and library are also evolving. recently the million.js was released that makes react 70% faster. For a beginner it can be quite challenging to chose the correct library.
Panda CSS - Build modern websites using build time and type-safe CSS-in-JS
CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience.
Zero-config support for Tailwind, MUI, styled-components, and Emotion
Setting up Storybook with your favorite styling tools can feel like assembling IKEA furniture. The instructions say things should fit together, but sometimes you need a stroke of genius to figure out how.
Teleportation in React: Positioning, Stacking Context, and Portals
Looking into how CSS positioning works, what is Stacking Context, how to escape overflow:hidden with CSS, why we can't do everything with CSS and need Portals, how Portals work.
Float UI: The Tailwind UI Alternative for Building Beautiful Web Interfaces
In the world of web development, creating visually appealing and user-friendly interfaces is paramount. While there are many frameworks and tools available, Tailwind UI has gained significant popularity due to its comprehensive set of pre-designed components and utility classes.
newsletters
Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.