2021-05-21
1682
#css#react
Edidiong Asikpo
49539
May 21, 2021 â‹… 6 min read

How to use Bulma CSS with React

Edidiong Asikpo Developer Advocate at Ambassador Labs

Recent posts:

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
how API client automation can save you hours in development

How API client automation can save you hours in development

Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.

Lewis Cianci
Jul 1, 2025 â‹… 7 min read
View all posts

3 Replies to "How to use Bulma CSS with React"

  1. Thanks for the post.

    Just one thing I am confused about.

    In React I thought it was best practise to use className instead of class on html attributes?

    I see there is a mixture of class and className in this tutorial?

    Does using className on some attributes break the bulma css?

  2. The only reason behind the fact that it uses className over class is that the class is a reserved keyword in JavaScript and since we use JSX in React which itself is the extension of JavaScript, we have to use className instead of the class attribute

  3. The examples feature “classname” which is not the same as “className” and some of the elements still have plain old “class”. It’s littered with bugs, which makes me want to call into question the accuracy of this post.

Leave a Reply