Quick guide for Meteor 1.4 + Bootstrap 4 (+ Tether) + NPM + React

1

Sounds like others have had some issues with this should-be-even-easier task, so thought I’d share how I did it. Of course, there’s always better, but this wasn’t too yucky for my use case. Hope it helps.

  1. meteor npm install bootstrap@4.0.0-alpha.4

  2. In client/main.html

<head>
  <title>App Do Stuff Thingy</title>

  <!-- tether.js copied to /public (from npm); stick with this | use browser bundle | use CDN -->
  <script src="/tether.min.js"></script>
</head>

<body>
  <div id="app-container" class="container"></div>
</body>
  1. In entry-point component (e.g., imports/ui/App.jsx)
import React, { Component } from 'react'
import 'bootstrap' // js-only!
import '/node_modules/bootstrap/dist/css/bootstrap.min.css'


const App = React.createClass({ ...
  1. I haven’t imported jquery because it’s coming along for the ride globally, but you can and probably should import it along with the last step just to be explicit and in case things change in the future.
1 Like
2

i can’t use this form whit a blaze and meteor 1.4.1 is its not a package for this? i try whit a few but i can’t run meteor!. thanks.