Add brunch's react skeleton

c9a9731a · Frank Sauerburger · c9a9731a · c9a9731a · c9a9731a · c9a9731a
Verified Commit c9a9731a authored 6 years ago by Frank Sauerburger
--- a/.gitignore
+++ b/.gitignore
+# Numerous always-ignore extensions
+*.diff
+*.err
+*.orig
+*.log
+*.rej
+*.swo
+*.swp
+*.vi
+*~
+*.sass-cache
+
+# OS or Editor folders
+.DS_Store
+.cache
+.project
+.settings
+.tmproj
+nbproject
+Thumbs.db
+
+# NPM packages folder.
+node_modules/
+
+# Brunch output folder.
+public/
--- a/app/assets/index.html
+++ b/app/assets/index.html
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <title>Brunch</title>
+  <link rel="stylesheet" href="/app.css">
+  <script src="/vendor.js"></script>
+  <script src="/app.js"></script>
+  <script>require('initialize');</script>
+</head>
+<body>
+  <div class="brunch">
+    <a href="http://brunch.io"><img src="http://brunch.io/images/logo.png" alt="Brunch"></a>
+    <p>Bon Appétit.</p>
+    <div id="app"></div>
+  </div>
+</body>
--- a/app/components/App.jsx
+++ b/app/components/App.jsx
+import React from 'react';
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <div id="content">
+        <h5>Time to <a href="https://facebook.github.io/react/">React</a>.</h5>
+      </div>
+    );
+  }
+}
--- a/app/initialize.js
+++ b/app/initialize.js
+import ReactDOM from 'react-dom';
+import React from 'react';
+import App from 'components/App';
+
+document.addEventListener('DOMContentLoaded', () => {
+  ReactDOM.render(<App />, document.querySelector('#app'));
+});
--- a/app/styles/application.css
+++ b/app/styles/application.css
+.brunch {
+  font-family: -apple-system, Sans-Serif;
+  text-align: center;
+  font-size: 24pt;
+  color: #3f894a;
+}
+
+a {
+  color: #3f894a;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0);
+}
+
+a:hover {
+  color: #27552e;
+}
+
+h5 > a {
+  text-decoration: underline;
+}
--- a/brunch-config.js
+++ b/brunch-config.js
+// See http://brunch.io for documentation.
+exports.files = {
+  javascripts: {
+    joinTo: {
+      'vendor.js': /^(?!app)/,
+      'app.js': /^app/
+    }
+  },
+  stylesheets: {joinTo: 'app.css'}
+};
+
+exports.plugins = {
+  babel: {presets: ['latest', 'react']}
+};
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "brunch-app",
+  "description": "Brunch.io application",
+  "private": true,
+  "author": "Brunch",
+  "version": "0.0.1",
+  "repository": "",
+  "scripts": {
+    "start": "brunch watch --server",
+    "build": "brunch build --production"
+  },
+  "dependencies": {
+    "react": "^15.4",
+    "react-dom": "^15.4"
+  },
+  "devDependencies": {
+    "auto-reload-brunch": "^2",
+    "babel-brunch": "~6.0",
+    "babel-preset-latest": "^6",
+    "babel-preset-react": "~6.22",
+    "brunch": "^2",
+    "clean-css-brunch": "^2",
+    "uglify-js-brunch": "^2"
+  }
+}