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:

Exploring The Top Rust Web Frameworks

Exploring the top Rust web frameworks

In this article, we’ll explore the best Rust frameworks for web development, including Actix Web, Rocket, Axum, warp, Leptos, Cot, and Loco.

Abiodun Solomon
May 28, 2025 â‹… 11 min read
How To Use The CSS Cursor Property

How to use the CSS cursor property

A single line of CSS can change how users feel about your UI. Learn how to leverage the cursor property to signal intent, improve interaction flow, and elevate accessibility.

Chizaram Ken
May 28, 2025 â‹… 6 min read
Build TypeScript App Vite

How to build a React + TypeScript app with Vite

We explore the benefits of building an app with React, TypeScript, and Vite, and compare its performance to the same app built with CRA.

Clara Ekekenta
May 28, 2025 â‹… 7 min read

How to use Claude to build a web app

Learn how to build a weather app using Claude, from setting up infrastructure to creating a functional UI that displays city-based forecasts.

Andrew Evans
May 28, 2025 â‹… 8 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