How to integrate into an actual app? about react-bootstrap HOT 4 CLOSED

Sorry this project is still a work in progress and as a result the documentation is pretty light. But integrating react-bootstrap into an existing project should be very simple. I would expect you would need to do the following steps:

1. bower install react-bootstrap
2. bower install bootstrap or just copy into your project the bootstrap css file, then link it from your HTML page.
3. Within your project code just require the component you need, for example using the alert with AMD you would var Alert = require('react-bootstrap/amd/Alert');
4. Then you can use the components as described in the readme, like any other React component.

Is there anything in particular you are having trouble with?

from react-bootstrap.

Hi, sorry for the confusion but actually I haven't finished doing the AMD export yet so currently the only way to use the components is by using the commonjs modules in node
(var Alert = require('react-bootstrap/cjs/Alert');)and packaging up a browser bundle with something like browserify. I'll update this ticket when I've got the AMD export working.

from react-bootstrap.

Hey guys,

I guess the problem is that I include react.js in my bundled up vendor.js, which is not wrapped in cjs modules. So when I use react code i just have React defined. I tried to simply plug your cjs modules in my src directory, but there are references to modules in the react code ( ReactPropTransferer ) and that obviously breaks because I don't have the react libs anywhere.

Is there a way to have these components without requiring those inner react modules?

Just want to add that I'm really excited to use this and you have done great work!

from react-bootstrap.

Hi,

I've just got AMD and globals exports working I think which should solve your problems. Info here: https://github.com/stevoland/react-bootstrap#getting-started Let me know how you get on.

from react-bootstrap.