Use this area to provide additional information.
8 | -------------------------------------------------------------------------------- /ReactWebPack.MVC5/Views/Home/About.cshtml: -------------------------------------------------------------------------------- 1 | @{ 2 | ViewBag.Title = "About"; 3 | } 4 |Use this area to provide additional information.
8 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/tests.webpack.js: -------------------------------------------------------------------------------- 1 | var context = require.context('./JsUnitTests/Tests', true, /.test\.jsx?$/); 2 | //console.log(context.keys()); 3 | context.keys().forEach(context); 4 | module.exports = context; 5 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/Views/Home/About.cshtml: -------------------------------------------------------------------------------- 1 | @{ 2 | ViewData["Title"] = "About"; 3 | } 4 |Use this area to provide additional information.
8 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JonPSmith/AspNetReactSamples/HEAD/ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JonPSmith/AspNetReactSamples/HEAD/ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JonPSmith/AspNetReactSamples/HEAD/ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JonPSmith/AspNetReactSamples/HEAD/ReactWebPack.CoreRC2/wwwroot/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/appsettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "Logging": { 3 | "IncludeScopes": false, 4 | "LogLevel": { 5 | "Default": "Debug", 6 | "System": "Information", 7 | "Microsoft": "Information" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "asp.net", 3 | "private": true, 4 | "dependencies": { 5 | "bootstrap": "3.3.6", 6 | "jquery": "2.2.0", 7 | "jquery-validation": "1.14.0", 8 | "jquery-validation-unobtrusive": "3.2.6" 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/app/reducers/index.js: -------------------------------------------------------------------------------- 1 | import { combineReducers } from 'redux' 2 | import cards from './cardReducer' 3 | import draftCard from './draftCardReducer' 4 | 5 | const reducers = combineReducers({ 6 | cards, 7 | draftCard 8 | }) 9 | 10 | export default reducers -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/wwwroot/css/site.min.css: -------------------------------------------------------------------------------- 1 | body{padding-top:50px;padding-bottom:20px}.body-content{padding-left:15px;padding-right:15px}input,select,textarea{max-width:280px}.carousel-caption p{font-size:20px;line-height:1.4}@media screen and (max-width:767px){.carousel-caption{display:none}} -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/JsUnitTests/localSrc/OuterFunction.js: -------------------------------------------------------------------------------- 1 | import InnerFunction from './InnerFunction'; 2 | import InnerValue from './InnerValue'; 3 | 4 | export default function outer() { 5 | return { 6 | innerFuncValue: InnerFunction(), 7 | innerValue:InnerValue 8 | } 9 | } -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/JsUnitTests/Tests/localTests/karam-setup.test.js: -------------------------------------------------------------------------------- 1 | var expect = require('expect'); 2 | 3 | describe('karam setup', 4 | function() { 5 | 6 | it('should run a test', 7 | function () { 8 | expect(true).toBeTruthy(); 9 | }); 10 | }); -------------------------------------------------------------------------------- /ReactJsNet.MVC5/Views/Shared/Error.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |11 | This application was downloaded from Pro React GitHub, Chapter 6 12 | with major changes to use Redux store instead of the original Flex store. 13 |
14 |10 | Swapping to Development environment will display more detailed information about the error that occurred. 11 |
12 |13 | Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application. 14 |
15 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/JsUnitTests/localSrc/CheckboxWithLabel.js: -------------------------------------------------------------------------------- 1 | import React, {Component} from 'react'; 2 | 3 | class CheckboxWithLabel extends Component { 4 | 5 | constructor() { 6 | super(...arguments); 7 | this.state = {isChecked: false}; 8 | this.onChange = this.onChange.bind(this); 9 | } 10 | 11 | onChange() { 12 | this.setState({isChecked: !this.state.isChecked}); 13 | } 14 | 15 | render() { 16 | return ( 17 | 23 | ); 24 | } 25 | } 26 | 27 | export default CheckboxWithLabel; -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/app/ReduxDispatcher.js: -------------------------------------------------------------------------------- 1 | import 'babel-polyfill'; 2 | 3 | 4 | /** 5 | * This does the async request and provides Redux thunk feedback 6 | */ 7 | export function dispatchAsync(promise, dispatch, types, payload) { 8 | if (typeof dispatch !== 'function'){ 9 | throw new Error('dispatch was not a function. Did you miss an update to the call?') 10 | } 11 | const { request, success, failure } = types; 12 | dispatch({ 13 | type: request, 14 | payload: Object.assign({}, payload) 15 | }); 16 | promise.then( 17 | response => dispatch({ 18 | type: success, 19 | success: true, 20 | payload: Object.assign({}, payload, { response }) 21 | }), 22 | error => dispatch({ 23 | type: failure, 24 | success: false, 25 | payload: Object.assign({}, payload, { error }) 26 | }) 27 | ); 28 | }; 29 | -------------------------------------------------------------------------------- /ReactWebPack.MVC5/Global.asax.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Web; 5 | using System.Web.Http; 6 | using System.Web.Mvc; 7 | using System.Web.Optimization; 8 | using System.Web.Routing; 9 | 10 | namespace ReactWebPack.MVC5 11 | { 12 | public class MvcApplication : System.Web.HttpApplication 13 | { 14 | protected void Application_Start() 15 | { 16 | AreaRegistration.RegisterAllAreas(); 17 | 18 | // Manually installed WebAPI 2.2 after making an MVC project. 19 | GlobalConfiguration.Configure(WebApiConfig.Register); 20 | 21 | FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 22 | RouteConfig.RegisterRoutes(RouteTable.Routes); 23 | BundleConfig.RegisterBundles(BundleTable.Bundles); 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /ReactJsNet.MVC5/Global.asax.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Web; 5 | using System.Web.Http; 6 | using System.Web.Mvc; 7 | using System.Web.Optimization; 8 | using System.Web.Routing; 9 | 10 | 11 | namespace ReactJsNet.MVC5 12 | { 13 | public class MvcApplication : System.Web.HttpApplication 14 | { 15 | protected void Application_Start() 16 | { 17 | AreaRegistration.RegisterAllAreas(); 18 | 19 | // Manually installed WebAPI 2.2 after making an MVC project. 20 | GlobalConfiguration.Configure(WebApiConfig.Register); 21 | 22 | FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 23 | RouteConfig.RegisterRoutes(RouteTable.Routes); 24 | BundleConfig.RegisterBundles(BundleTable.Bundles); 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /ReactWebPack.MVC5/app/components/KanbanBoardContainer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import {Container} from 'flux/utils'; 3 | import KanbanBoard from './KanbanBoard'; 4 | import CardActionCreators from '../actions/CardActionCreators'; 5 | import CardStore from '../stores/CardStore'; 6 | 7 | class KanbanBoardContainer extends Component { 8 | 9 | componentDidMount(){ 10 | CardActionCreators.fetchCards(); 11 | } 12 | 13 | 14 | render() { 15 | let kanbanBoard = this.props.children && React.cloneElement(this.props.children, { 16 | cards: this.state.cards, 17 | }); 18 | 19 | return kanbanBoard; 20 | } 21 | 22 | } 23 | 24 | KanbanBoardContainer.getStores = () => ([CardStore]); 25 | KanbanBoardContainer.calculateState = (prevState) => ({ 26 | cards: CardStore.getState() 27 | }); 28 | 29 | export default Container.create(KanbanBoardContainer); 30 | -------------------------------------------------------------------------------- /ReactWebPack.CoreRC2/app/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render } from 'react-dom'; 3 | import { Router, Route, browserHistory } from 'react-router'; 4 | import { Provider } from 'react-redux'; 5 | import reduxStore from './store/reduxStore'; 6 | import reducers from './reducers/index'; 7 | import KanbanBoardContainer from './components/KanbanBoardContainer'; 8 | import KanbanBoard from './components/KanbanBoard'; 9 | import EditCard from './components/EditCard'; 10 | import NewCard from './components/NewCard'; 11 | 12 | render(( 13 |
11 | This application was downloaded from Pro React GitHub, Chapter 6
12 | with a small change to the file KanBanApi.js
13 | to get data from this MVC application.
14 |
15 | Note: this React application uses Flux store,
16 | while the ReactWebPack.CoreRC2
17 | uses the Redux.
18 |