Remove mentions of browserify in examples
Ben Alpert committed
Jan 3, 2014 at 22:57 UTC
be75e3be66ecbaf1ad1b036e23946fabb7c19406
6 files changed
+34
-128
examples/ballmer-peak/index.html
+4
-14
@@ -2,11 +2,11 @@
2
<html>
3
<head>
4
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
5
- <title>Ballmer Peak calculator</title>
5
+ <title>Ballmer Peak Calculator</title>
6
<link rel="stylesheet" href="../shared/css/base.css" />
7
</head>
8
<body>
9
- <h1>Ballmer Peak calculator</h1>
9
+ <h1>Ballmer Peak Calculator</h1>
10
<div id="container">
11
<p>
12
If you can see this, React is not working right. This is probably because you're viewing
@@ -18,19 +18,9 @@
18
</p>
19
</div>
20
<h4>Example Details</h4>
21
- <ul>
22
- <li>
23
- This is built with
24
- <a href="https://github.com/substack/node-browserify">browserify</a>.
25
- </li>
26
- <li>
27
- This is written with JSX in a separate file and transformed in the browser.
28
- </li>
29
- </ul>
21
+ <p>This is written with JSX in a separate file and transformed in the browser.</p>
22
<p>
31
- </p>
32
- <p>
33
- Learn more at
23
+ Learn more about React at
24
<a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
25
</p>
26
<script src="../../build/react.js"></script>
examples/basic-jsx-external/index.html
+12
-53
@@ -2,68 +2,27 @@
2
<html>
3
<head>
4
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
5
- <title>Basic Example with external JSX</title>
5
+ <title>Basic Example with External JSX</title>
6
<link rel="stylesheet" href="../shared/css/base.css" />
7
- <style type="text/css" media="screen">
8
- .codeBox {
9
- padding: 7px;
10
- overflow:scroll;
11
- background-color: #eee;
12
- font-weight:normal;
13
- }
14
- </style>
15
- <script type="text/javascript" charset="utf-8">
16
- window.setTimeout(function() {
17
- var chromeClientCLI = window.chromeClientCLI;
18
- var errorBox = window.errorBox;
19
- var chromeErrorFooter = window.chromeErrorFooter;
20
- var chromeInstructions = window.chromeInstructions;
21
- var isChrome = !!window.chrome;
22
- chromeClientCLI.innerText =
23
- 'open -a "Google Chrome" --new \\\n' +
24
- ' ' + window.location.href + ' \\\n' +
25
- ' --args --allow-file-access-from-files --user-data-dir=/tmp';
26
-
27
- errorBox.innerText =
28
- isChrome ? 'To run in Chrome, do one of the following:' :
29
- 'Errors loading page: Check the console.'
30
- chromeErrorFooter.innerText =
31
- isChrome ? 'If page still does not load, check console.' : '';
32
-
33
- if (!isChrome) {
34
- chromeInstructions.innerText = "";
35
- }
36
- }, 0);
37
-
38
- </script>
7
</head>
8
9
<body>
42
- <h1>Basic Example with external JSX</h1>
10
+ <h1>Basic Example with External JSX</h1>
11
<div id="container">
12
<p>
45
- <h4 id="errorBox" style="color: #733"></h4>
46
- <ol id="chromeInstructions">
47
- <li>
48
- Open this page on a Mac via the terminal command:
49
- <pre id="chromeClientCLI" class="codeBox">
50
- </li>
51
- <h4><i>OR</i></h4>
52
- <li>
53
- Serve this page from a web server
54
- <pre id="chromeServerCLI" class="codeBox">
55
-cd /Path/To/This/File
56
-python -m SimpleHTTPServer
57
-open -a "Google Chrome" <a href="http://localhost:8000/">http://localhost:8000/</a>. </pre>
58
- </li>
59
- </ol>
60
- <h4 id="chromeErrorFooter" style="color: #733"></h4>
13
+ If you can see this, React is not working right. This is probably because you're viewing
14
+ this on your file system instead of a web server. Try running
15
+ <pre>
16
+ python -m SimpleHTTPServer
17
+ </pre>
18
+ and going to <a href="http://localhost:8000/">http://localhost:8000/</a>.
19
</p>
20
</div>
21
+ <h4>Example Details</h4>
22
+ <p>This is written with JSX in a separate file and transformed in the browser.</p>
23
<p>
64
- Example Details: This is built with
65
- <a href="https://github.com/substack/node-browserify">browserify</a>.
66
- A separate JSX file is transformed in the browser.
24
+ Learn more about React at
25
+ <a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
26
</p>
27
<script src="../../build/react.js"></script>
28
<script src="../../build/JSXTransformer.js"></script>
examples/basic-jsx-precompile/index.html
+11
-27
@@ -2,42 +2,26 @@
2
<html>
3
<head>
4
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
5
- <title>Basic Example with precompiled JSX</title>
5
+ <title>Basic Example with Precompiled JSX</title>
6
<link rel="stylesheet" href="../shared/css/base.css" />
7
</head>
8
<body>
9
- <h1>Basic Example with precompiled JSX</h1>
9
+ <h1>Basic Example with Precompiled JSX</h1>
10
<div id="container">
11
<p>
12
- To install React, follow the instructions on
13
- <a href="http://www.github.com/facebook/react/">GitHub</a>.
14
- </p>
15
- <p>
16
- If you can see this, React is not running. You probably didn't run:
17
- <pre>
18
- npm install -g react-tools
19
- jsx . build/
20
- </pre>
12
+ If you can see this, React is not running. Try running:
13
</p>
14
+ <pre>npm install -g react-tools
15
+cd examples/basic-jsx-precompile/
16
+jsx . build/</pre>
17
</div>
18
<h4>Example Details</h4>
24
- <ul>
25
- <li>
26
- This is built with
27
- <a href="https://github.com/substack/node-browserify">browserify</a>.
28
- </li>
29
- <li>
30
- This is written with JSX and precompiled to vanilla JS by doing:
31
- <pre>
32
- npm install -g react-tools
33
- jsx . build/
34
- </pre>
35
- </li>
36
- </ul>
37
- <p>
38
- </p>
19
+ <p>This is written with JSX in a separate file and precompiled to vanilla JS by running:</p>
20
+ <pre>npm install -g react-tools
21
+cd examples/basic-jsx-precompile/
22
+jsx . build/</pre>
23
<p>
40
- Learn more at
24
+ Learn more about React at
25
<a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
26
</p>
27
<script src="../../build/react.js"></script>
examples/basic-jsx/index.html
+2
-12
@@ -18,19 +18,9 @@
18
</p>
19
</div>
20
<h4>Example Details</h4>
21
- <ul>
22
- <li>
23
- This is built with
24
- <a href="https://github.com/substack/node-browserify">browserify</a>.
25
- </li>
26
- <li>
27
- This is written with JSX and transformed in the browser.
28
- </li>
29
- </ul>
21
+ <p>This is written with JSX and transformed in the browser.<p>
22
<p>
31
- </p>
32
- <p>
33
- Learn more at
23
+ Learn more about React at
24
<a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
25
</p>
26
<script src="../../build/react.js"></script>
examples/basic/index.html
+2
-9
@@ -18,16 +18,9 @@
18
</p>
19
</div>
20
<h4>Example Details</h4>
21
- <ul>
22
- <li>
23
- This is built with
24
- <a href="https://github.com/substack/node-browserify">browserify</a>.
25
- </li>
26
- </ul>
21
+ <p>This is written in vanilla JavaScript (without JSX) and transformed in the browser.<p>
22
<p>
28
- </p>
29
- <p>
30
- Learn more at
23
+ Learn more about React at
24
<a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
25
</p>
26
<script src="../../build/react.js"></script>
examples/transitions/index.html
+3
-13
@@ -2,7 +2,7 @@
2
<html>
3
<head>
4
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
5
- <title>Basic Example with JSX</title>
5
+ <title>Example with Transitions</title>
6
<link rel="stylesheet" href="../shared/css/base.css" />
7
<link rel="stylesheet" href="transition.css" />
8
</head>
@@ -19,19 +19,9 @@
19
</p>
20
</div>
21
<h4>Example Details</h4>
22
- <ul>
23
- <li>
24
- This is built with
25
- <a href="https://github.com/substack/node-browserify">browserify</a>.
26
- </li>
27
- <li>
28
- This is written with JSX and transformed in the browser.
29
- </li>
30
- </ul>
22
+ <p>This is written with JSX and transformed in the browser.<p>
23
<p>
32
- </p>
33
- <p>
34
- Learn more at
24
+ Learn more about React at
25
<a href="http://facebook.github.io/react" target="_blank">facebook.github.io/react</a>.
26
</p>
27
<script src="../../build/react-with-addons.js"></script>