Reactstrap: bootstrap 5 upgrade plan?

[thecodejack]

Now that bootstrap 5 nearing the release(https://github.com/twbs/bootstrap/projects/11), any plans to start working on supporting same?

[TheSharpieOne]

I haven't been tracking it. Personally, I haven't had the time to give to reactstrap for a while now. Plus (FWIW) react-bootstrap now supports v4. I would love for some help from the community and would be happy to pass the torch if someone wants to completely take over.

[thecodejack]

At present, I can try starting branch around bootstrap 5. I would love to takeover the torch but don't think I am ready as of now. I will start working on bootstrap 5 upgrade.

[Ashniu123]

I would also love to assist with the work on bootstrap 5.

[TheSharpieOne]

I made a branch bootstrap5, make PRs to that. Feel free to open new issues to keep track of bootstrap5 related efforts so that efforts are not duplicated.

[thecodejack]

Thanks. That really helps. Waiting for a dev release tag of bootstrap to start on this. I will review after and add all todos once available. Later can start picking the tasks.

[iamandrewluca]

@TheSharpieOne

I would love for some help from the community and would be happy to pass the torch if someone wants to completely take over.

I can step in to help with the library maintainance.

Plus (FWIW) react-bootstrap now supports v4.

Maybe slowly move reactstrap API to match react-bootstrap and deprecate this library in favor of react-bootstrap?

As I see they have a roadmap for bootstrap v5

[mxschmitt]

Hey folks,
I'm one of the react-bootstrap maintainers, we would really appreciate to work together for Bootstrap 5. We have updated our codebase fully too hooks, have tests in place and soon (PR open) we are moving it to TypeScript for a better type safety.
What do you think about that? (if not, thats also fully okay. Would be cool to provide for the community one solution which is in place for using Bootstrap with React)

react-bootstrap issue: https://github.com/react-bootstrap/react-bootstrap/issues/5174

[kyletsang]

Hey folks,
I'm one of the react-bootstrap maintainers, we would really appreciate to work together for Bootstrap 5. We have updated our codebase fully too hooks, have tests in place and soon (PR open) we are moving it to TypeScript for a better type safety.
What do you think about that? (if not, thats also fully okay. Would be cool to provide for the community one solution which is in place for using Bootstrap with React)

react-bootstrap issue: react-bootstrap/react-bootstrap#5174

I'd be happy to contribute towards BS5 in react-bootstrap.

[thecodejack]

I agree with @mxschmitt . This seems to be best solution.

[illiteratewriter]

This is the repository where I kind of made the first open-source contribution and I would like to see this go on. If someone (@TheSharpieOne, @gergely-nagy) can point in the right direction, for instance, help create the cards in the todo part(https://github.com/reactstrap/reactstrap/projects/4#card-31741444), I think we all can take it forward.

I know and understand that the maintainers don't have much time to put into this project, but I think this has taken a lot of time and effort from your part and we really shouldn't abandon this.

[bestguy]

In a perfect world react-bootstrap & reactstrap could join forces under react-bootstrap, but realistically it's going to be pretty awkward for existing codebases to rework to the differences in API, Component & prop names.
A few years back reactstrap seemed the better choice for v4 and why we've used and contributed to it.

I'd also like to see reactstrap continue to v5 and will try to help more and involve my co-workers/company too.

[bestguy]

@TheSharpieOne , we were looking to start some PRs in the next week, but noticed the bootstrap5 branch is pretty state.
Would you be up for rebasing this or would you like to start a new v5 branch off latest master?

[TheSharpieOne]

@bestguy there was nothing new added to the bootstrap5 branch, so I just brought it up to master (they are now even).

[gthomas-appfolio]

Hi, just an update on this - we have a fork that we plan to PR back here to reactstrap's bootstrap5 branch after completing Bootstrap 5.0 beta 1 compatibility. Hopefully within the next week.

[kyletsang]

Disclaimer: these comments are my own and may not reflect the views of the other maintainers.

As @mxschmitt mentioned above, I still think it's best to unify the community under react-bootstrap. RB is pretty much at v5 beta 1 parity right now. There's also a number of other improvements RB has currently including:

• Extensive docs
• All dependencies up to date including Popper 2, react-transition-group etc
• Migrated to hooks
• Codebase is written in typescript

I think the community will benefit a lot from having a single library instead of being fragmented like for v4. Maybe the best time to do this is now since there are numerous breaking changes required to migrate from v4 -> v5 anyway.

I will still continue to support reactstrap for v4 long after v5 lands though.

[gthomas-appfolio]

Hi @kyletsang
In general I'd agree with you, but the prop and component differences between RB and reactstrap means many projects can't just switch without extensive code changes. My co. at least has tens of thousands (or maybe hundreds) of lines of React that use reactstrap extensively and we'd basically be stuck on v4 Bootstrap. Updating reactstrap was the less-effort alternative to allow updating to Bootstrap v5.

(I'm not suggesting or volunteering to fork permanently for v5, but I'm assuming others may be in this situation as well hence the PR back)

[kyletsang]

Yeah, unfortunately it's quite a bit of work to do for the update. @TheSharpieOne, @iamandrewluca, your thoughts on this?

[iamandrewluca]

https://github.com/orgs/reactstrap/teams/admin/discussions/1

[bestguy]

If if helps, FYI we are currently updating branch above to beta 1 compatibility including tests and docs, and planned to update to Popper 2 and React transition group. We have not PRed back here yet for a few loose ends, but it seems in good shape for PR in next week. (Sorry if confusing, am mixing comments from personal and work github accounts)

[TheSharpieOne]

@bestguy that is awesome!

As for the link @iamandrewluca posted, for transparency I am going to post the text here.

Before you read it, keep this in mind: I would love for someone or someones (the community) to maintain reactstrap and support bootstrap 5. I will give access to those willing to do so. Since posting the below @kyletsang has come and has been doing a lot to maintain what is currently supported. Maybe with @bestguy's help, bootstrap 5 support can be achieved.

Posted July 1, 2020:
When reactstrap was originally create, react-bootstrap did not support bootstrap 4 and didn't really have a plan to support bootstrap 4. Since then, react-bootstrap has released support for bootstrap 4. Now that bootstrap is about to release v5, react-bootstrap is already on top of it. reactstrap on the other hand is not.
react-bootstrap also was a large bundle, making reactstrap a lighter solution. But now, react-bootstrap's bundle is actually smaller than reactstrap.
While I'm sure it is possible to make reactstrap support bootstrap v5 and make the bundle smaller, it all requires work. It was proposed by a react-bootstrap maintainer (a while ago, as well as more recently) that we just forces under the react-bootstrap repo. Since I don't have any time to give reactstrap the love it needs, I am fine with deprecating reactstrap in favor of react-bootstrap.
At this point, reactstrap is fine as it is and people are using it, but in all honesty I don't see reactstrap supporting bootstrap v5 since no one is going to put that effort in. Plus there are a lot of other standard maintenance things, such as upgrading the build and the reducing bundle size, upgrading the docs and its build.

Thoughts?

[bestguy]

Thanks for posting @TheSharpieOne. I and some others would be happy to help maintain for v5, but caveat is we probably would not be best primary maintainers due to our limited staffing. So if others would be up for stepping up to maintain v5 too that would be much healthier for the project.
(We are probably better at "bursty" updates like v5 changes.)

We have a good investment in Reactstrap and helping update seems best path forward for us, and assuming some others too if there is interest. Again many thanks for this project and your help these years!

[gauravshah27]

@bestguy I am with you. We are also heavily invested in Reactstrap and would love to see an update for bootstrap v5. I would love to help in whatever capacity I can. I have never really contributed to opensource before and would like to learn the ways and contribute to a project that really matters to me.