github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-25 11:07:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Beginning React+Redux template as a direct copy of the React one

Browse Source
This commit is contained in:
SteveSandersonMS
2016-03-07 10:20:31 +00:00
parent 3ab3a1bf5f
commit ec9337754f
37 changed files with 4085 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx Normal file
View File

@@ -0,0 +1,40 @@
import * as React from 'react';
import { Link } from 'react-router';
export class NavMenu extends React.Component<any, void> {
public render() {
return <div className='main-nav'>
<div className='navbar navbar-inverse'>
<div className='navbar-header'>
<button type='button' className='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>
<span className='sr-only'>Toggle navigation</span>
<span className='icon-bar'></span>
<span className='icon-bar'></span>
<span className='icon-bar'></span>
</button>
<Link className='navbar-brand' to={ '/' }>WebApplicationBasic</Link>
</div>
<div className='clearfix'></div>
<div className='navbar-collapse collapse'>
<ul className='nav navbar-nav'>
<li>
<Link to={ '/' } activeClassName='active'>
<span className='glyphicon glyphicon-home'></span> Home
</Link>
</li>
<li>
<Link to={ '/counter' } activeClassName='active'>
<span className='glyphicon glyphicon-education'></span> Counter
</Link>
</li>
<li>
<Link to={ '/fetchdata' } activeClassName='active'>
<span className='glyphicon glyphicon-th-list'></span> Fetch data
</Link>
</li>
</ul>
</div>
</div>
</div>;
}
}