Update example

iansinnott · iansinnott · commit 09849ddcaad3 · 2016-02-03T17:24:00.000-08:00
diff --git a/example/index.js b/example/index.js
@@ -1,19 +1,18 @@
 import React, { PropTypes } from 'react';
 import { render } from 'react-dom';
+import reactReplaceString from 'react-replace-string';
 
-import reactReplaceString from '../';
-
-const Highlight = React.createClass({
+const HighlightNumbers = React.createClass({
   propTypes: {
     content: PropTypes.string.isRequired,
   },
 
   render() {
     return (
       <div>
-        {reactReplaceString(this.props.content, )
-          <span className='highlight'>{x}</span>
-        }
+        {reactReplaceString(this.props.content, /(\d+)/g, (match, i) => (
+          <span key={i} style={{ color: 'red' }}>{match}</span>
+        ))}
       </div>
     );
   },
@@ -23,4 +22,4 @@ const Highlight = React.createClass({
 const content = `Hey my number is 555-555-5555.`;
 
 // Render the app
-render(<Highlight content={content} />, document.getElementById('root'));
+render(<HighlightNumbers content={content} />, document.getElementById('root'));
diff --git a/example/package.json b/example/package.json
@@ -9,37 +9,22 @@
   "license": "MIT",
   "homepage": "",
   "devDependencies": {
-    "autoprefixer-loader": "^3.1.0",
-    "axis": "^0.5.2",
     "babel": "^5.8.34",
     "babel-core": "^5.4.7",
     "babel-eslint": "^4.1.6",
     "babel-loader": "^5.1.2",
     "babel-plugin-react-transform": "^1.1.1",
-    "css-loader": "^0.23.0",
-    "eslint": "^1.10.3",
-    "eslint-config-airbnb": "^2.1.1",
-    "eslint-plugin-react": "^3.12.0",
     "express": "^4.13.3",
-    "extract-text-webpack-plugin": "^0.9.1",
-    "file-loader": "^0.8.5",
-    "history": "^1.17.0",
-    "normalize.css": "^3.0.3",
     "react": "^0.14.3",
     "react-dom": "^0.14.3",
-    "react-router": "^1.0.3",
     "react-static-webpack-plugin": "^0.3.0",
     "react-transform-catch-errors": "^1.0.0",
     "react-transform-hmr": "^1.0.1",
     "redbox-react": "^1.2.0",
-    "rimraf": "^2.4.4",
-    "rupture": "^0.6.1",
-    "style-loader": "^0.13.0",
-    "stylus-loader": "^1.4.2",
-    "url-loader": "^0.5.7",
     "webpack": "^1.12.9",
     "webpack-dev-middleware": "^1.4.0",
-    "webpack-hot-middleware": "^2.6.0"
+    "webpack-hot-middleware": "^2.6.0",
+    "react-replace-string": "*"
   },
   "dependencies": {}
 }
diff --git a/example/server.js b/example/server.js
@@ -8,26 +8,18 @@ import { renderToStaticMarkup } from 'react-dom/server';
 import express from 'express';
 import webpack from 'webpack';
 
-import config from './webpack.config.dev.js';
+import config from './webpack.config.js';
 
-const Html = ({
-  title = 'Rainbow Unicorns',
-  bundle = '/app.js',
-  body = '',
-  favicon = '',
-  stylesheet = '',
-}) => (
+const Html = ({ bundle = '/app.js' }) => (
   <html lang='en'>
     <head>
       <meta charSet='utf-8' />
       <meta httpEquiv='X-UA-Compatible' content='IE=edge' />
       <meta name='viewport' content='width=device-width, initial-scale=1' />
-      <title>{title}</title>
-      {favicon && <link rel='shortcut icon' href={favicon} />}
-      {stylesheet && <link rel='stylesheet' href={stylesheet} />}
+      <title>React String Replace Example</title>
     </head>
     <body>
-      <div id='root' dangerouslySetInnerHTML={{ __html: body }} />
+      <div id='root' />
       <script src={bundle} />
     </body>
   </html>
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -18,7 +18,7 @@ module.exports = {
   entry: {
     app: [
       'webpack-hot-middleware/client?path=' + HMR_HOST,
-      './client/index.js',
+      './index.js',
     ],
   },
 
