tomcat react code example
Example 1: react tomcat
{
"name": "App",
"version": "0.1.0",
"homepage":"http://localhost:8080/sampleapp",
"private": true,
"dependencies": {
"react": "^16.3.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
Example 2: react tomcat
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">
<display-name>frugalis</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
Example 3: react tomcat
import React, { Component } from 'react';
import {
BrowserRouter,
Link,
Route,
Switch
} from 'react-router-dom';
import Home from './Home.jsx';
import ContactUs from './ContactUs.jsx';
import Blog from './Blog.jsx';
class App extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<h2>Welcome to React</h2>
</div>
<BrowserRouter basename={process.env.REACT_APP_ROUTER_BASE || ''}>
<div>
<ul className="nav">
<li><Link to="/">Home</Link></li>
<li><Link to="/blog">Blog</Link></li>
<li><Link to="/contactUs">Contact Us</Link></li>
</ul>
<Switch>
<Route path="/blog" component={Blog}/>
<Route path="/contactUs" component={ContactUs}/>
<Route path="/" component={Home}/>
</Switch>
</div>
</BrowserRouter>
</div>
);
}
}
export default App;