Replies: 4 comments 4 replies
-
|
I kinda asked the same question in #243 It took me about 30min to write the dropdown component as a "native" vue3 + popper.js component. It's just hard to move one component to native, since the way bootstrap.js is imported (at import it runs code to add eventlisteners to elements and so one). Also don't know if all the compatibility with bootstrap.js way of using EventListeners and data- attributes is needed if written to use vue directly. But it seems bootstrapVue is back from dead, so I don't know what the future of this project is. |
Beta Was this translation helpful? Give feedback.
-
|
Yeah interesting question. Some components are written without using their corresponding JS utilities. One reason being that the utilities often inherently add the anti pattern you mentioned above. Other times they stun the components ability in features and ease of use . Ultimately I believe our direction in the long run will be to depend on more bootstraps styling. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for sharing your thoughts. I have posted the same question on bootstrap-vue discussions - bootstrap-vue/bootstrap-vue#6931. It has around 13.7k stars & 1.8k forks. So, I'm hoping one them could clarify on our concerns, and bring closure on this topic. Cheers! |
Beta Was this translation helpful? Give feedback.
-
|
Could you also ask at https://github.com/twbs/bootstrap/discussions |
Beta Was this translation helpful? Give feedback.
-
|
Thxs for the suggestion @mariusa , I have posted it there as well - twbs/bootstrap#36011 |
Beta Was this translation helpful? Give feedback.
-
|
Also, I was wondering if frameworks without virtual-dom (like Svelte) also face the same issues. If not, then it's a big plus for bootstrap+svelte combo. Looks like bootstrap (js) combo with virtual-dom based frameworks is the real concern here. I wonder how much of bootstrap is used (I mean components with JS, not just CSS) in the other virtual-dom based React world! |
Beta Was this translation helpful? Give feedback.
-
|
I might have found some clarification looking into react's equivalent of bootstrap which is https://react-bootstrap.github.io/, thxs to this reply in the twbs bootstrap discussions. Here's an extract from react-bootstrap's home page. So, basically, with react-bootstrap (quite an old one), it doesn't use bootstrap.js and replaces it with a react library of components (bootstrap styled). I wonder if bootstrap-vue & bootstrap-vue-3 also does something similar? Something probably out of scope for this repo - lately headless ui has been emerging..
Would be interesting to see an initiative building the vue part of bootstrap-ui (that doesn't exist yet) which could be a library of headless (vue) components that are bootstrap-styled! Guessing this idea is in line with xvaara's idea here - #197 |
Beta Was this translation helpful? Give feedback.
-
|
I've been eyeing headless ui for awhile with the idea of doing bootstrap on top of it. The main problem is that we would loose a lot of functionality that we mimic from bootstrapVue. The components are a little bit more complex in the way they generate bootstrap classes. The actual functionality of the components isn't that complex. So using headless ui would not bring that much more to the table, and would require us to depend on their progress. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hi there,
Thank you for spearheading Bootstrap 5 + Vue 3 combo.
I would like to ask a very fundamental question, surprisingly I haven't really seen this discussed anywhere online expect for this stackoverflow comment
I know mixing Vue (virtual dom) + Jquery/Vanilla JS (that does direct dom manipulator) is an anti-pattern, anti-pattern.
My question is does the bootstrap vue wrapper libraries like yours and the other bootstrap-vue one, do they all mitigate this anti-pattern by preventing direct dom manipulation by bootstrap.min.js?
If so, would this be one of the reasons (on top of all the benefits & features) to use bootstrap-vue-3 against using bootstrap-5 directly in Vue 3 projects?
Sorry, if it turns out to be a silly question, it's quite possible I might have misunderstood somethings! Thanks in advance.
Beta Was this translation helpful? Give feedback.
All reactions