Skip to content

Commit 1a221ff

Browse files
maratbnmaratbn
committed
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'.
1 parent 1aa9911 commit 1a221ff

File tree

7 files changed

+21
-22
lines changed

7 files changed

+21
-22
lines changed

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
node_modules/
2-
webpack_out/minimalistic_react.js
2+
webpack_out/main.js

‎README‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
This branch contains example commits for building a minimalistic React front-end app step by step
2-
with Webpack 4, as outlined in the tutorial at
3-
http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
1+
This branch contains example commits for building a multi-widget React front-end app step by step,
2+
as outlined in the tutorial at http://maratbn.com/blogs/2018/07/02/react-multi-widget/
43

5-
This branch uses 'package.json' and swaps Preact for React.
4+
This branch is being forked-off the branch 'webpack4--preact--package.json'.

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"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/",
2+
"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/",
33
"dependencies": {
44
"preact": "^8.2.9",
55
"preact-compat": "^3.18.0",
@@ -20,5 +20,5 @@
2020
},
2121
"author": "maratbn",
2222
"license": "Unlicense",
23-
"homepage": "http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/"
23+
"homepage": "http://maratbn.com/blogs/2018/07/02/react-multi-widget/"
2424
}

‎try_me.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
<html>
33
<head>
44
<meta charset="utf-8" />
5-
<title>Step-by-Step Minimalistic React Web App Tutorial with Webpack 4 Test Page</title>
5+
<title>Step-by-Step Multi-Widget React Web App Tutorial Test Page</title>
66
</head>
77
<body>
88
<p>
9-
This is a test page for the step by step minimalistic React web app with Webpack 4 tutorial at
10-
<a href='http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/'>
11-
http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
9+
This is a test page for the step by step multi-widget React web app tutorial at
10+
<a href='http://maratbn.com/blogs/2018/07/02/react-multi-widget/'>
11+
http://maratbn.com/blogs/2018/07/02/react-multi-widget/
1212
</a>
1313
</p>
1414
<div id='react-app'></div>
15-
<script type='text/javascript' src='webpack_out/minimalistic_react.js'></script>
15+
<script type='text/javascript' src='webpack_out/main.js'></script>
1616
</body>
1717
</html>

‎webpack.config.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
// This file 'webpack.config.js' is part of an example for building a minimalistic React front-end
2-
// app step by step with Webpack 4 as outlined in the tutorial blog at
3-
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
1+
// This file 'webpack.config.js' is part of an example for building a multi-widget React front-end
2+
// app step by step as outlined in the tutorial blog at
3+
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
44

55

66
const path = require('path');
@@ -27,7 +27,7 @@ module.exports = {
2727
},
2828
output: {
2929
path: path.join(__dirname, 'webpack_out'),
30-
filename: 'minimalistic_react.js'
30+
filename: 'main.js'
3131
},
3232
mode: 'development'
3333
};

‎webpack_in/entry.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
// This file 'entry.js' is part of an example for building a minimalistic React front-end app step
2-
// by step with Webpack 4 as outlined in the tutorial blog at
3-
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
1+
// This file 'entry.jsx' is part of an example for building a multi-widget React front-end app
2+
// step by step as outlined in the tutorial blog at
3+
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
44

55

66
console.log("JavaScript entry logic.");

‎webpack_in/entry.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
// This file 'entry.jsx' is part of an example for building a minimalistic React front-end app
2-
// step by step with Webpack 4 as outlined in the tutorial blog at
3-
// http://maratbn.com/blogs/2018/06/25/minimalistic-react-webapp-webpack-4/
1+
// This file 'entry.jsx' is part of an example for building a multi-widget React front-end app
2+
// step by step as outlined in the tutorial blog at
3+
// http://maratbn.com/blogs/2018/07/02/react-multi-widget/
44

55

66
console.log("JSX entry logic.");

0 commit comments

Comments
 (0)