2021-05-24
3517
#react
Sebastian Weber
50000
May 24, 2021 ⋅ 12 min read

useState vs. useRef: Similarities, differences, and use cases

Sebastian Weber Fell in love with CSS and JS over 20 years ago.

Recent posts:

A Guide To Wrapper Vs. Container Classes In CSS

A guide to wrapper vs. container classes in CSS

A breakdown of the wrapper and container CSS classes, how they’re used in real-world code, and when it makes sense to use one over the other.

Temitope Oyedele
Jul 7, 2025 ⋅ 10 min read
Stagehand and Gemini logos on a gradient background symbolizing AI web automation

How to build a web-based AI agent with Stagehand and Gemini

This guide walks you through creating a web UI for an AI agent that browses, clicks, and extracts info from websites powered by Stagehand and Gemini.

Elijah Asaolu
Jul 4, 2025 ⋅ 8 min read
Getting Started With Claude 4 API: A Developer's Walkthrough

Getting started with Claude 4 API: A developer’s walkthrough

This guide explores how to use Anthropic’s Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.

Andrew Baisden
Jul 3, 2025 ⋅ 16 min read
ai dev tool power rankings

AI dev tool power rankings & comparison [July 2025 edition]

Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.

Chizaram Ken
Jul 2, 2025 ⋅ 3 min read
View all posts

One Reply to "<code>useState</code> vs. <code>useRef</code>: Similarities, differences, and use cases"

  1. Don’t use:
    `App ${darkMode && “dark-mode”}`
    As it will result with an “App false” class, if dark mode is disabled.

    Instead, use:
    `App ${darkMode && “dark-mode” || “”}`
    or
    `App ${darkMode ? “dark-mode” : “”}`
    to generate “App ” as the class when dark mode is disabled.

Leave a Reply