search

hkajava / s2g

Students2Groups Meteor application. Noticed in Spanish conversation class that the teacher doesn't have a good method to divide students into small groups for conversation so this application will provide easy way to do that. Also testing Meteor/React technologies with this application.
MIT License
1 stars 0 forks source link

Integrate reactstrap #3

Closed hkajava closed 6 years ago

hkajava commented 6 years ago

Switched to branch: issue-3/integrate-reactstrap/hkajava

Apparently reactstrap doesn’t contain bootstrap 4 at all, so need to install that first. Reading Renato’s installation notes from “Info log2”.

npm install bootstrap@4.0.0-beta.3 --save Getting a lot of warnings and errors from this. Appending to end of this doc. Apparently react version is too old now. Let’s update to latest react 16.2.0 in package.json. "dependencies": { … "react": "^15.6.1", "react-addons-pure-render-mixin": "^15.6.0", "react-dom": "^15.6.1", } => "dependencies": { … "react": "^16.2.0", "react-addons-pure-render-mixin": "^16.0.0-alpha.3", "react-dom": "^16.2.0", "react-test-renderer": "^16.2.0" } That seemed to solve most problems. Still getting: ├── UNMET PEER DEPENDENCY jquery@1.9.1 - 3 ├── UNMET PEER DEPENDENCY popper.js@^1.12.9 … npm WARN bootstrap@4.0.0-beta.3 requires a peer of jquery@1.9.1 - 3 but none was installed. npm WARN bootstrap@4.0.0-beta.3 requires a peer of popper.js@^1.12.9 but none was installed.

That’s only a warning and apparently design choice from Bootstrap 4 development team: https://github.com/twbs/bootstrap/issues/24078 To get rid of the warnings one needs to install:

npm install jquery popper.js --save Let’s not do it for now. Instead let’s install reactstrap: npm install --save reactstrap@next

And then testing Bootstrap4-ReactComponent with s2g. Add to client/main.jsx: import 'bootstrap/dist/css/bootstrap.css';

In RandomizeStudentGroup.jsx: import { Button } from 'reactstrap';

And then

      <br />

… and voilà!:

image.png