rename jsx to js files

docs/demos.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import React from "react";
+import Slider from "../src/slider";
+
+import SimpleSlider from "../examples/SimpleSlider";
+import SlideChangeHooks from "../examples/SlideChangeHooks";
+import MultipleItems from "../examples/MultipleItems";
+import MultipleRows from "../examples/MultipleRows";
+import Responsive from "../examples/Responsive";
+import Resizable from "../examples/Resizable";
+import UnevenSetsInfinite from "../examples/UnevenSetsInfinite";
+import UnevenSetsFinite from "../examples/UnevenSetsFinite";
+import CenterMode from "../examples/CenterMode";
+import FocusOnSelect from "../examples/FocusOnSelect";
+import AutoPlay from "../examples/AutoPlay";
+import AutoPlayMethods from "../examples/AutoPlayMethods";
+import PauseOnHover from "../examples/PauseOnHover";
+import Rtl from "../examples/Rtl";
+import VariableWidth from "../examples/VariableWidth";
+import AdaptiveHeight from "../examples/AdaptiveHeight";
+import LazyLoad from "../examples/LazyLoad";
+import Fade from "../examples/Fade";
+import SlickGoTo from "../examples/SlickGoTo";
+import CustomArrows from "../examples/CustomArrows";
+import PreviousNextMethods from "../examples/PreviousNextMethods";
+import DynamicSlides from "../examples/DynamicSlides";
+import VerticalMode from "../examples/VerticalMode";
+import SwipeToSlide from "../examples/SwipeToSlide";
+import VerticalSwipeToSlide from "../examples/VerticalSwipeToSlide";
+import CustomPaging from "../examples/CustomPaging";
+import CustomSlides from "../examples/CustomSlides";
+import AsNavFor from "../examples/AsNavFor";
+import AppendDots from "../examples/AppendDots";
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <div className="content">
+        <SimpleSlider />
+        <MultipleItems />
+        <MultipleRows />
+        <Responsive />
+        <Resizable />
+        <UnevenSetsInfinite />
+        <UnevenSetsFinite />
+        <CenterMode />
+        <FocusOnSelect />
+        <AutoPlay />
+        <AutoPlayMethods />
+        <PauseOnHover />
+        <Rtl />
+        <VariableWidth />
+        <AdaptiveHeight />
+        <LazyLoad />
+        <Fade />
+        <SlideChangeHooks />
+        <SlickGoTo />
+        <CustomPaging />
+        <CustomArrows />
+        <CustomSlides />
+        <PreviousNextMethods />
+        <DynamicSlides />
+        <VerticalMode />
+        <SwipeToSlide />
+        <VerticalSwipeToSlide />
+        <AsNavFor />
+        <AppendDots />
+      </div>
+    );
+  }
+}

docs/docs.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import React from "react";
+import Demos from "./demos";
+
+export default class Docs extends React.Component {
+  render() {
+    return (
+      <div className="">
+        <div className="title-bar primary">
+          <span className="title">React Slick</span>
+        </div>
+        <div className="">
+          <div className="">
+            <Demos />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

docs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import React from "react";
+import ReactDOM from "react-dom";
+import Docs from "./docs";
+
+React.initializeTouchEvents && React.initializeTouchEvents(true);
+ReactDOM.render(<Docs />, document.getElementById("rapp"));

docs/routes.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var React = require("react");
+var Router = require("react-router");
+var Route = Router.Route;
+var Docs = require("./docs");
+
+var path =
+  process.env.NODE_ENV === "dev_docs" ? "/" : "/opensource/react-slick";
+var routes = <Route name="app" path={path} handler={Docs}></Route>;
+
+module.exports = routes;

webpack.config.js

@@ -5,7 +5,7 @@ module.exports = {
   mode: "production",
   devtool: "source-map",
   entry: {
-    "docs.js": "./docs/index.jsx"
+    "docs.js": "./docs/index.js"
   },
   output: {
     path: path.join(__dirname, "build"),