Permalink
Browse files

Changed the boilerplate content from the previous minimalistic react …

…app tutorial to now refer to the new tutorial for building a multi-widget React app. This is being forked-off the branch 'webpack4--preact--package.json'.
  • Loading branch information...
maratbn committed Jun 30, 2018
1 parent 1aa9911 commit 1a221ffca9b249403148c444b4f28cc53845ff5a
Showing with 21 additions and 22 deletions.
  1. +1 −1 .gitignore
  2. +3 −4 README
  3. +2 −2 package.json
  4. +5 −5 try_me.html
  5. +4 −4 webpack.config.js
  6. +3 −3 webpack_in/entry.js
  7. +3 −3 webpack_in/entry.jsx
@@ -1,2 +1,2 @@
node_modules/
webpack_out/minimalistic_react.js
webpack_out/main.js
7 README
@@ -1,5 +1,4 @@
This branch contains example commits for building a minimalistic React front-end app step by step
with Webpack 4, as outlined in the tutorial at
http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
This branch contains example commits for building a multi-widget React front-end app step by step,
as outlined in the tutorial at http://maratbn.com/blogs/2018/07/02/react-multi-widget/
This branch uses 'package.json' and swaps Preact for React.
This branch is being forked-off the branch 'webpack4--preact--package.json'.
@@ -1,5 +1,5 @@
{
"description": "This branch contains example commits for building a minimalistic React front-end app step by step with Webpack 4, as outlined in the tutorial at http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/",
"description": "This branch contains example commits for building a multi-widget React front-end app step by step as outlined in the tutorial at http://maratbn.com/blogs/2018/07/02/react-multi-widget/",
"dependencies": {
"preact": "^8.2.9",
"preact-compat": "^3.18.0",
@@ -20,5 +20,5 @@
},
"author": "maratbn",
"license": "Unlicense",
"homepage": "http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/"
"homepage": "http://maratbn.com/blogs/2018/07/02/react-multi-widget/"
}
@@ -2,16 +2,16 @@
<html>
<head>
<meta charset="utf-8" />
<title>Step-by-Step Minimalistic React Web App Tutorial with Webpack 4 Test Page</title>
<title>Step-by-Step Multi-Widget React Web App Tutorial Test Page</title>
</head>
<body>
<p>
This is a test page for the step by step minimalistic React web app with Webpack 4 tutorial at
<a href='http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/'>
http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
This is a test page for the step by step multi-widget React web app tutorial at
<a href='http://maratbn.com/blogs/2018/07/02/react-multi-widget/'>
http://maratbn.com/blogs/2018/07/02/react-multi-widget/
</a>
</p>
<div id='react-app'></div>
<script type='text/javascript' src='webpack_out/minimalistic_react.js'></script>
<script type='text/javascript' src='webpack_out/main.js'></script>
</body>
</html>
@@ -1,6 +1,6 @@
// This file 'webpack.config.js' is part of an example for building a minimalistic React front-end
// app step by step with Webpack 4 as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
// This file 'webpack.config.js' is part of an example for building a multi-widget React front-end
// app step by step as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
const path = require('path');
@@ -27,7 +27,7 @@ module.exports = {
},
output: {
path: path.join(__dirname, 'webpack_out'),
filename: 'minimalistic_react.js'
filename: 'main.js'
},
mode: 'development'
};
@@ -1,6 +1,6 @@
// This file 'entry.js' is part of an example for building a minimalistic React front-end app step
// by step with Webpack 4 as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
// This file 'entry.jsx' is part of an example for building a multi-widget React front-end app
// step by step as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
console.log("JavaScript entry logic.");
@@ -1,6 +1,6 @@
// This file 'entry.jsx' is part of an example for building a minimalistic React front-end app
// step by step with Webpack 4 as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
// This file 'entry.jsx' is part of an example for building a multi-widget React front-end app
// step by step as outlined in the tutorial blog at
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
console.log("JSX entry logic.");

0 comments on commit 1a221ff

Please sign in to comment.