Merge pull request #359 from ryoldash/master

Abp React Implementation

Author: alirizaadiyahsi

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Host/appsettings.json

@@ -5,7 +5,7 @@
     "App": {
         "ServerRootAddress": "http://localhost:21021/",
         "ClientRootAddress": "http://localhost:4200/",
-        "CorsOrigins": "http://localhost:4200,http://localhost:8080,http://localhost:8081"
+        "CorsOrigins": "http://localhost:4200,http://localhost:8080,http://localhost:8081,http://localhost:3000"
     },
     "Authentication": {
         "JwtBearer": {

reactjs/.env

@@ -0,0 +1,2 @@
+REACT_APP_APP_BASE_URL="http://www.ryoldash.com/"
+REACT_APP_REMOTE_SERVICE_BASE_URL="http://www.ryoldash.com/"

reactjs/.env.development

@@ -0,0 +1,2 @@
+REACT_APP_APP_BASE_URL="http://localhost:3000"
+REACT_APP_REMOTE_SERVICE_BASE_URL="http://localhost:21021/"

reactjs/.env.production

@@ -0,0 +1,2 @@
+REACT_APP_APP_BASE_URL="http://www.ryoldash.com/"
+REACT_APP_REMOTE_SERVICE_BASE_URL="http://www.ryoldash.com/"

reactjs/.gitignore

@@ -0,0 +1,22 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.development
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

reactjs/.prettierignore

@@ -0,0 +1,5 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+package.json

reactjs/.prettierrc

@@ -0,0 +1,11 @@
+{
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "printWidth": 150,
+    "overrides": [{
+        "files": ".prettierrc",
+        "options": {
+            "parser": "json"
+        }
+    }]
+}

reactjs/README.md

@@ -0,0 +1,53 @@
+# ASP.NET Boilerplate ReactJS Template
+
+The React.js integration for ABP Boilerplate framework. This template is built on React+Mobx+Typescript. SOLID, SoC principles are used.
+
+![](_screenshots/dashboard.png)
+
+## Getting Started
+
+### Installing
+
+After cloning repository, first install npm packages:
+
+```sh
+cd reactjs
+npm install 
+```
+
+And then start
+
+```
+npm start
+```
+
+## Deployment
+
+```sh
+npm build
+```
+
+## Built With
+
+* [React](https://reactjs.org/) - The JavaScript library for building user interfaces
+* [Typescript](https://www.typescriptlang.org/) - Used for static typing
+* [Mobx](https://mobx.js.org/) - Simple, scalable state management
+* [AntDesign](https://ant.design/) - A design system with values of Nature and Determinacy for better user experience of enterprise applications
+
+# Architecture
+
+This framework is designed by utilizing MVC design pattern and layered architecture as follows:
+
+- All Backend communications are done by service layer.
+- For every Container Component there exists one Store and one Model.
+- Store has state of application so it consumes service See "Defining data stores". All service functions will be called in store not in Component. Component executes Store actions when state is needed.
+- Presentational Component can use store directly by injecting the store or Props from Container Component can be passed in it.
+- Container or Presentational Component can invoke store actions and automatic rendering of component will be done by Mobx.
+
+![](_screenshots/architecture.jpg)
+
+## Authors of ASP.NET Boilerplate ReactJS Template
+
+* **Rashiduddin Yoldash** - *Initial work* - [ryoldash](https://github.com/ryoldash)
+* **Mehmet Yasir Aktunç** - *Initial work* - [mhmtyasr](https://github.com/mhmtyasr)
+* **Samet Kabay** - *Initial work* - [smtkby](https://github.com/smtkby)