Fix vue config and add view for react app (#161)

Author: tar-g

packages/devextreme-cli/templates/react/application/src/app-routes.js

@@ -1,5 +1,4 @@
-import React, { useEffect } from 'react';
-import { useNavigation } from './contexts/navigation';
+import { withNavigationWatcher } from './contexts/navigation';
 <%=^empty%>import { HomePage, DisplayDataPage, ProfilePage } from './pages';
 
 <%=/empty%>const routes = [<%=^empty%>
@@ -23,16 +22,3 @@ export default routes.map(route => {
     component: withNavigationWatcher(route.component)
   };
 });
-
-function withNavigationWatcher(Component) {
-  return function (props) {
-    const { path } = props.match;
-    const { setNavigationData } = useNavigation();
-
-    useEffect(() => {
-      setNavigationData({ currentPath: path });
-    }, [path, setNavigationData]);
-
-    return React.createElement(Component, props);
-  }
-}

packages/devextreme-cli/templates/react/application/src/contexts/navigation.js

@@ -1,4 +1,4 @@
-import React, { useState, createContext, useContext } from 'react';
+import React, { useState, createContext, useContext, useEffect } from 'react';
 
 const NavigationContext = createContext({});
 const useNavigation = () => useContext(NavigationContext);
@@ -14,7 +14,21 @@ function NavigationProvider(props) {
   );
 }
 
+function withNavigationWatcher(Component) {
+  return function (props) {
+    const { path } = props.match;
+    const { setNavigationData } = useNavigation();
+
+    useEffect(() => {
+      setNavigationData({ currentPath: path });
+    }, [path, setNavigationData]);
+
+    return React.createElement(Component, props);
+  }
+}
+
 export {
   NavigationProvider,
-  useNavigation
+  useNavigation,
+  withNavigationWatcher
 }

packages/devextreme-cli/templates/vue/application/vue.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  publicPath: "devextreme-vue-template"
+  publicPath: "/devextreme-vue-template"
 };