reactstrap

reactstrap

Application and Data / Languages & Frameworks / Front-End Frameworks
Needs advice
on
reactstrapreactstrap
and
BootstrapBootstrap

I'm currently building a web app and I'm considering using reactstrap. Are there any potential cons or problems I should know about?

READ MORE
2 upvotes·1.9K views
Replies (2)
JavaScript Instructor at Wild Code School·

Hello! I strongly recommend reactstrap or react-bootstrap over "vanilla" Bootstrap. Bootstrap relies on jQuery (that is, until v4.x) for all interactive elements, e.g. collapsibles, carousels, etc.

Reactstrap handles this "the React way", which is a big plus if you don't want to reinvent the wheel. I have yet to see major drawbacks. However you have to carefully read the docs, especially which props are accepted by Reactstrap components.

For example you might want to have internal navigation links handled by React Router's Link or NavLink component. In the latter case you have to do:

import { NavLink as RouterNavLink } from 'react-router-dom'

so that the name doesn't collide with Reactstrap's own NavLink.

Then you can use something like:

<NavLink tag={RouterNavLink} to="/about">About</NavLink>

I also mentioned react-bootstrap which had Bootstrap 4.x support added way after Reactstrap, but seems to be a good option too.

READ MORE
2 upvotes·54 views
Member Technical Staff at Manage Engine, division of Zoho Corp·

React strap is react wrapper for bootstrap. React strap will only provide structural react components. So both are same

READ MORE
1 upvote·70 views
Needs advice
on
reactstrapreactstrap
and
Material-UIMaterial-UI

My React website is a simple 5-pager that attaches to a database to store and display registrations and other data. The user (small user base) can change any form elements, but I don't need theme-ing, though that would be fun for the user. reactstrap/react-bootstrap built on Bootstrap 4 sounds dated. I am familiar with reactstrap, but a friend said to try Material-UI. The thought of learning it is interesting, but somehow I think it might be overkill. So... reactstrap, react-bootstrap, or Material UI, which should I use?

READ MORE
4 upvotes·140.6K views
Replies (8)

MaterialUI may be overkill for such a simple project, you're right. So I'm recommending both tools in this StackShare form.

But if it's planned to increase the project, consider migrating it to MUI in advance. Among its pros I can name: - brilliant TS support - all popular use cases covered - well documented - backed by sponsors == will live and be maintained

READ MORE
6 upvotes·24.3K views
Recommends
Material-UI

I recommend Material-UI for a couple reasons. 1. It’s very easy to throw MUI into React. You can essentially just import the components you need in place of yours. Effectively, for a button, for example, you can swap out <button for MUI’s <Button and you can be done if that’s all you want. Looks great, no hassle, and they have simple guides to help you make good UI decisions on top of that. 2. It’s pretty up-to-date, and it has great docs. I use MUI all the time, and if I were doing a simple, small user-base app, I would definitely use it for the sake of convenience and speed of development.

READ MORE
5 upvotes·24.3K views
View all (8)
Needs advice
on
reactstrapreactstrap
and
Material KitMaterial Kit

I need to create a footer. Can I use reactstrap and Material-UI, or is it one or the other? If it's only one, what is the best way to create a footer with MaterialUI?

READ MORE
2 upvotes·26.4K views