shijuvar / react-aspnet

Demo app with React and ASP.NET Web API

#react-aspnet v0.5.0

Demo app built with React and ASP.NET Web API. A minimalist implmentation of Flux architetcure is included in this version. An enhanced version of Flux is coming.

Technologies

• ASP.NET Web API
• ReactJS

Building the App

1. To build the Web API project, open the solution in Visual Studio 2013, and build the solution to install Nuget packages. This will automatically restore Nuget packages.
2. To change the API url in the Web app (Client app built with React), modify the config.js file at /ResourceMetadata.Web/Scripts/config.js.
3. If you haven't installed Node.js, download and install it from http://nodejs.org/
4. Navigate to the directory of ResourceMetadata.Web project in command prompt and run command npm install
5. As a workaround to conflict between jquery-ui-browserify and jquery-browserify, update the statement $ = require('jquery') in file ResourceMetadata.Web/node-modules/jquery-ui-browserify/index.js to $=require('jquery-browserify').
6. Execute gulp tasks
   1. Run commands gulp build.
   2. In order to clean the destination files created by build task, run gulp clean.

About the Sample App

The ReactJS app named "ResourceMetadata.Web" lets the users store metadata of the resources (articles, github repositories, files on the local computer etc.) with a priority. Based on the priority, users can follow the resources and add activities against the resources.

The following are the functionalities of the ResourceMetadata:

1. Register user to the application
2. Create locations (eg: github, MyComputer, Artciles ect) for adding resources
3. Add resources against a location
4. Add activities against resources.

Team

• Shiju Varghese - Architect
• Dileep C.D. - Lead Developer and Core Committer

react-aspnet's Issues

Missing...

1. jquery was not in the index.html file and produced an error
2. Bundle.js was not found

Both in the ResourceMetadata.Web directory

ReactJS.NET

Not directly related to this repository, but after your experience with using React in ASP.NET, I'd love to get your opinion on ReactJS.NET and how it could be enhanced to better suit a Flux architectural pattern, including how server-side rendering would work. I'm not sure if you've seen the ReactJS.NET project but basically it handles JSX compilation and server-side rendering of simple React components by embedding a JavaScript engine in the .NET runtime. At the time I did most of the work on the project, the Flux pattern wasn't really documented outside of Facebook yet.

Thanks!

The JS library bundle.js missing

Hi Shiju,

Please note that the JS file bundle.js that is referenced in index.html as well as in the project file ResourceMetadata.Web.csproj is missing.

Can you please add that file to the project?

Thanks!

Zen

Can not find database file

Can not find database file

Gulp build cannot find app.js even though it is there.

Followed your steps in the readme. When running the gulp build step I encountered an error.

It says it cannot find the app.js even though it is created as seen on second screenshot below.

how to run this?

i am sorry,i can't run this demo,i find this demo very happy,can you tell me how to run this demo,i like this

gulp built failed, events.js

Finished 'symlink' after 42 ms
events.js:160
throw er; // Unhandled 'error' event
^

Error: Cannot find module './node_modules/app/components/app.js' from 'C:\Users\User\Desktop\react-aspnet-master\ResourceMetadata\ResourceMetadata.Web'