In React how to import only needed Bootstrap styles. Bootstrap css modules?

This page summarizes the projects mentioned and recommended in the original post on /r/codehunter

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • reactstrap

    Simple React Bootstrap 5 components

  • I tried with reactstrap, and yes has bootstrap css classes as components (e.g ) but you have to includes all bootstrap styles:

  • react-bootstrap

    Bootstrap components built with React

  • react-bootstrap I don't need js logic in react way (and it is v3)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • styled-bootstrap

    💅🏻 A styled-component implementation of Bootstrap

  • styled-bootstrap still too new

  • bootstrap-css-modules

    Discontinued DEPRECATED

  • bootstrap-css-modules seems good, but it is unmaintained

  • purifycss-webpack

    Discontinued UNMAINTAINED, use https://github.com/FullHuman/purgecss-webpack-plugin

  • Or should I go for purifycss-webpack to clean up my App? And remove unused css classes.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts