import react bootstrap

This commit is contained in:
Iuri Matias 2018-01-17 13:16:43 -05:00
parent de72733c31
commit f4d2f5346d
6 changed files with 36 additions and 18 deletions

1
chains.json Normal file
View File

@ -0,0 +1 @@
{}

View File

@ -138,6 +138,9 @@ class Pipeline {
]
}
}).run((_err, _stats) => {
console.dir('--------------------------');
console.dir(_stats);
console.dir('--------------------------');
next();
});
@ -191,6 +194,7 @@ class Pipeline {
]
}
}).run((_err, _stats) => {
console.dir(_err);
next();
});

View File

@ -2,7 +2,6 @@
<head>
<title>Embark - SimpleStorage Demo</title>
<!-- <link rel="stylesheet" href="css/app.css"> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
<!-- <script src="js/bootstrap.js"></script> -->
</head>
<body class="container">

18
test_app/app/js/app.js Normal file
View File

@ -0,0 +1,18 @@
import { Component } from 'react';
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<h1 className="App-title">Welcome to React</h1>
</header>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
export default App;

View File

@ -9,10 +9,16 @@ import ReactDOM from 'react-dom';
//import $ from './_vendor/jquery.min';
import $ from 'jquery';
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
//import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
//import 'bootstrap/dist/css/bootstrap.min.css';
//import 'bootstrap/dist/js/bootstrap.min.js';
//import 'react-bootstrap/dist/react-bootstrap.min.js';
import { Navbar, Jumbotron, Button } from 'react-bootstrap';
window.EmbarkJS = EmbarkJS;
window.SimpleStorage = SimpleStorage;
window.Test = Test;
@ -21,20 +27,7 @@ window.React = React;
import './foo.css';
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<h1 className="App-title">Welcome to React</h1>
</header>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
import App from './app.js';
ReactDOM.render(<App />, document.getElementById('root'));

View File

@ -9,12 +9,15 @@
"author": "",
"license": "ISC",
"homepage": "",
"devDependencies": {},
"devDependencies": {
"babel-code-frame": "^6.26.0"
},
"dependencies": {
"bootstrap": "^3.3.6",
"embark-service": "./extensions/embark-service",
"jquery": "^1.11.3",
"react": "^16.0.0",
"react-bootstrap": "^0.32.0",
"react-dom": "^16.2.0"
}
}