React Best Practices and Optimization Techniques

#412 – June 26, 2023 View in browser

React Digest

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.

React Ecosystem in 2023

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.

how did you like this issue?

Amazing · Great · Okay · Meh · Bad

newsletters

© 2023 Bonobo Press

Would you like to advertise with us? Check out our latest media kit for more information.
If you no longer wish to receive these emails, click to unsubscribe.

Older messages

Million.js

Tuesday, June 20, 2023

The 70% faster virtual DOM replacement for React #411 – June 19, 2023 View in browser React Digest Million.js The Virtual DOM Replacement for React. Gain big performance wins for UI and data heavy

Isomorphic Development

Monday, June 12, 2023

It isn't as easy as they say. #410 – June 12, 2023 View in browser React Digest Isomorphic Development Fullstack development, or rather isomorphic development, isn't as easy as they say. The

JWT Authentication in React with react-router

Sunday, June 4, 2023

Explore the seamless integration of JWT authentication with React and react-router #409 – June 05, 2023 View in browser React Digest JWT Authentication in React with react-router In this blog post, we

Understanding React Concurrency

Sunday, May 28, 2023

React v18.0 has broken ground by introducing a long-awaited feature #408 – May 29, 2023 View in browser React Digest Understanding React Concurrency React v18.0 has broken ground by introducing a long-

Patterns from Other Languages to Enhance Your Frontend Projects

Sunday, May 21, 2023

How I've applied principles from 12 years of programming across various languages #407 – May 22, 2023 View in browser React Digest Patterns from Other Languages and Frameworks to Enhance Your

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your