Start server & client with foreman start

Author: tb

.foreman

@@ -0,0 +1 @@
+procfile: Procfile.dev

Gemfile

@@ -32,6 +32,7 @@ gem 'devise_token_auth'
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console
   gem 'byebug', platform: :mri
+  gem 'foreman'
 end
 
 group :test do

Gemfile.lock

@@ -59,6 +59,8 @@ GEM
     faker (1.7.3)
       i18n (~> 0.5)
     ffi (1.9.18)
+    foreman (0.82.0)
+      thor (~> 0.19.1)
     globalid (0.3.7)
       activesupport (>= 4.1.0)
     i18n (0.8.1)
@@ -165,6 +167,7 @@ DEPENDENCIES
   devise_token_auth
   factory_girl
   faker
+  foreman
   jsonapi-resources
   listen (~> 3.0.5)
   pg (~> 0.18)

Procfile.dev

@@ -0,0 +1,2 @@
+web: bundle exec puma -p 3001
+webpack: cd client && npm start

README.md

@@ -1,34 +1,30 @@
-# README
+# [rails-json-api-react](https://github.com/tb/rails-json-api-react)
 
-## Rails API app setup
+## [DEMO](rails-json-api-react.herokuapp.com)
 
-    rails new . -d postgresql --skip-javascript --api -T
+Demo user: user1@example.com / Secret123
 
-## jsonapi-resources setup
+## Setup app
 
-### Models
+    bundle
+    rake db:setup
+    cd client && npm i
 
-    rails g model category name:string
-    rails g model post title:string body:text category:references
-    rails g model comment body:text post:references
-
-### Resources
+## Start app
 
-    rails generate jsonapi:resource category
-    rails generate jsonapi:resource post
-    rails generate jsonapi:resource model
+    foreman start
+    open http://localhost:3000
 
-### Controllers
+## Adding new JSON API resource
 
+    rails g model category name:string
+    rails generate jsonapi:resource category
     rails g controller Category --skip-assets
-    rails g controller Posts --skip-assets
-    rails g controller Comments --skip-assets
 
-### Routes
+### routes.rb
 
     jsonapi_resources :categories
-    jsonapi_resources :posts
-    jsonapi_resources :comments
 
-### Start app
-    foreman start
+### Client
+
+Add list, edit and form components in `client/src/components/` based on one of existing.

client/webpack.config.js

@@ -44,11 +44,12 @@ module.exports = removeEmpty({
 
   devServer: ifDevelopment({
     host: '0.0.0.0',
-    port: 8080,
+    port: 3000,
+    overlay: true,
     stats: 'normal',
     proxy: {
       '/**': {
-        target: 'http://localhost:3000',
+        target: 'http://localhost:3001',
       },
     }
   }),

db/seeds.rb

@@ -8,8 +8,10 @@
 
 FactoryGirl.find_definitions
 
-FactoryGirl.create_list(:category, 15, :with_posts)
+15.times do |n|
+  FactoryGirl.create(:category, :with_posts)
+end
 
 25.times do |n|
-  User.create(email: "user#{n}@example.com", password: 'Secret99', confirmed_at: Time.now)
+  User.create!(email: "user#{n}@example.com", password: 'Secret123', confirmed_at: Time.now)
 end