├── .browserslistrc ├── .gitignore ├── .ruby-version ├── Gemfile ├── Gemfile.lock ├── Procfile.dev ├── Procfile.dev-server ├── README.md ├── Rakefile ├── app ├── assets │ ├── config │ │ └── manifest.js │ ├── images │ │ └── .keep │ └── stylesheets │ │ └── application.css ├── channels │ └── application_cable │ │ ├── channel.rb │ │ └── connection.rb ├── controllers │ ├── api │ │ └── v1 │ │ │ └── posts_controller.rb │ ├── application_controller.rb │ ├── concerns │ │ └── .keep │ └── hello_world_controller.rb ├── helpers │ └── application_helper.rb ├── javascript │ ├── App.js │ ├── Routes.js │ ├── bundles │ │ ├── HelloWorld │ │ │ └── components │ │ │ │ └── HelloWorld.jsx │ │ └── posts │ │ │ ├── CreatePost.js │ │ │ ├── PostDetails.js │ │ │ ├── UpdatePost.js │ │ │ └── index.js │ ├── channels │ │ ├── consumer.js │ │ └── index.js │ └── packs │ │ ├── application.js │ │ ├── hello-world-bundle.js │ │ └── hello_react.jsx ├── jobs │ └── application_job.rb ├── mailers │ └── application_mailer.rb ├── models │ ├── application_record.rb │ ├── concerns │ │ └── .keep │ └── post.rb └── views │ ├── hello_world │ └── index.html.erb │ └── layouts │ ├── application.html.erb │ ├── hello_world.html.erb │ ├── mailer.html.erb │ └── mailer.text.erb ├── babel.config.js ├── bin ├── bundle ├── rails ├── rake ├── setup ├── spring ├── webpack ├── webpack-dev-server └── yarn ├── config.ru ├── config ├── application.rb ├── boot.rb ├── cable.yml ├── credentials.yml.enc ├── environment.rb ├── environments │ ├── development.rb │ ├── production.rb │ └── test.rb ├── initializers │ ├── application_controller_renderer.rb │ ├── assets.rb │ ├── backtrace_silencers.rb │ ├── content_security_policy.rb │ ├── cookies_serializer.rb │ ├── filter_parameter_logging.rb │ ├── inflections.rb │ ├── mime_types.rb │ ├── react_on_rails.rb │ └── wrap_parameters.rb ├── locales │ └── en.yml ├── puma.rb ├── routes.rb ├── spring.rb ├── storage.yml ├── webpack │ ├── development.js │ ├── environment.js │ ├── production.js │ └── test.js └── webpacker.yml ├── db ├── migrate │ └── 20191112103934_create_posts.rb ├── schema.rb └── seeds.rb ├── lib ├── assets │ └── .keep └── tasks │ └── .keep ├── log └── .keep ├── package.json ├── postcss.config.js ├── public ├── 404.html ├── 422.html ├── 500.html ├── apple-touch-icon-precomposed.png ├── apple-touch-icon.png ├── favicon.ico └── robots.txt ├── storage └── .keep ├── test ├── application_system_test_case.rb ├── channels │ └── application_cable │ │ └── connection_test.rb ├── controllers │ └── .keep ├── fixtures │ ├── .keep │ ├── files │ │ └── .keep │ └── posts.yml ├── helpers │ └── .keep ├── integration │ └── .keep ├── mailers │ └── .keep ├── models │ ├── .keep │ └── post_test.rb ├── system │ └── .keep └── test_helper.rb ├── tmp └── .keep ├── vendor └── .keep └── yarn.lock /.browserslistrc: -------------------------------------------------------------------------------- 1 | defaults 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files for more about ignoring files. 2 | # 3 | # If you find yourself ignoring temporary files generated by your text editor 4 | # or operating system, you probably want to add a global ignore instead: 5 | # git config --global core.excludesfile '~/.gitignore_global' 6 | 7 | # Ignore bundler config. 8 | /.bundle 9 | 10 | # Ignore all logfiles and tempfiles. 11 | /log/* 12 | /tmp/* 13 | !/log/.keep 14 | !/tmp/.keep 15 | 16 | # Ignore uploaded files in development. 17 | /storage/* 18 | !/storage/.keep 19 | 20 | /public/assets 21 | .byebug_history 22 | 23 | # Ignore master key for decrypting credentials and more. 24 | /config/master.key 25 | 26 | /public/packs 27 | /public/packs-test 28 | /node_modules 29 | /yarn-error.log 30 | yarn-debug.log* 31 | .yarn-integrity 32 | -------------------------------------------------------------------------------- /.ruby-version: -------------------------------------------------------------------------------- 1 | ruby-2.6.5 2 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | git_source(:github) { |repo| "https://github.com/#{repo}.git" } 3 | 4 | ruby '2.6.5' 5 | 6 | # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 7 | gem 'rails', '~> 6.0.1' 8 | # Use postgresql as the database for Active Record 9 | gem 'pg', '>= 0.18', '< 2.0' 10 | # Use Puma as the app server 11 | gem 'puma', '~> 5.6' 12 | # Use SCSS for stylesheets 13 | gem 'sass-rails', '>= 6' 14 | # Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker 15 | gem 'webpacker', '~> 4.0' 16 | # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks 17 | gem 'turbolinks', '~> 5' 18 | # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 19 | gem 'jbuilder', '~> 2.7' 20 | # Use Redis adapter to run Action Cable in production 21 | # gem 'redis', '~> 4.0' 22 | # Use Active Model has_secure_password 23 | # gem 'bcrypt', '~> 3.1.7' 24 | 25 | # Use Active Storage variant 26 | # gem 'image_processing', '~> 1.2' 27 | 28 | # Reduces boot times through caching; required in config/boot.rb 29 | gem 'bootsnap', '>= 1.4.2', require: false 30 | 31 | # React Rails integration 32 | gem 'react_on_rails', '11.1.4' 33 | 34 | group :development, :test do 35 | # Call 'byebug' anywhere in the code to stop execution and get a debugger console 36 | gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] 37 | end 38 | 39 | group :development do 40 | # Access an interactive console on exception pages or by calling 'console' anywhere in the code. 41 | gem 'web-console', '>= 3.3.0' 42 | gem 'listen', '>= 3.0.5', '< 3.2' 43 | # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring 44 | gem 'spring' 45 | gem 'spring-watcher-listen', '~> 2.0.0' 46 | end 47 | 48 | group :test do 49 | # Adds support for Capybara system testing and selenium driver 50 | gem 'capybara', '>= 2.15' 51 | gem 'selenium-webdriver' 52 | # Easy installation and use of web drivers to run system tests with browsers 53 | gem 'webdrivers' 54 | end 55 | 56 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem 57 | gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 58 | 59 | gem 'mini_racer', platforms: :ruby -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | actioncable (6.0.1) 5 | actionpack (= 6.0.1) 6 | nio4r (~> 2.0) 7 | websocket-driver (>= 0.6.1) 8 | actionmailbox (6.0.1) 9 | actionpack (= 6.0.1) 10 | activejob (= 6.0.1) 11 | activerecord (= 6.0.1) 12 | activestorage (= 6.0.1) 13 | activesupport (= 6.0.1) 14 | mail (>= 2.7.1) 15 | actionmailer (6.0.1) 16 | actionpack (= 6.0.1) 17 | actionview (= 6.0.1) 18 | activejob (= 6.0.1) 19 | mail (~> 2.5, >= 2.5.4) 20 | rails-dom-testing (~> 2.0) 21 | actionpack (6.0.1) 22 | actionview (= 6.0.1) 23 | activesupport (= 6.0.1) 24 | rack (~> 2.0) 25 | rack-test (>= 0.6.3) 26 | rails-dom-testing (~> 2.0) 27 | rails-html-sanitizer (~> 1.0, >= 1.2.0) 28 | actiontext (6.0.1) 29 | actionpack (= 6.0.1) 30 | activerecord (= 6.0.1) 31 | activestorage (= 6.0.1) 32 | activesupport (= 6.0.1) 33 | nokogiri (>= 1.8.5) 34 | actionview (6.0.1) 35 | activesupport (= 6.0.1) 36 | builder (~> 3.1) 37 | erubi (~> 1.4) 38 | rails-dom-testing (~> 2.0) 39 | rails-html-sanitizer (~> 1.1, >= 1.2.0) 40 | activejob (6.0.1) 41 | activesupport (= 6.0.1) 42 | globalid (>= 0.3.6) 43 | activemodel (6.0.1) 44 | activesupport (= 6.0.1) 45 | activerecord (6.0.1) 46 | activemodel (= 6.0.1) 47 | activesupport (= 6.0.1) 48 | activestorage (6.0.1) 49 | actionpack (= 6.0.1) 50 | activejob (= 6.0.1) 51 | activerecord (= 6.0.1) 52 | marcel (~> 0.3.1) 53 | activesupport (6.0.1) 54 | concurrent-ruby (~> 1.0, >= 1.0.2) 55 | i18n (>= 0.7, < 2) 56 | minitest (~> 5.1) 57 | tzinfo (~> 1.1) 58 | zeitwerk (~> 2.2) 59 | addressable (2.8.0) 60 | public_suffix (>= 2.0.2, < 5.0) 61 | bindex (0.8.1) 62 | bootsnap (1.4.5) 63 | msgpack (~> 1.0) 64 | builder (3.2.3) 65 | byebug (11.0.1) 66 | capybara (3.29.0) 67 | addressable 68 | mini_mime (>= 0.1.3) 69 | nokogiri (~> 1.8) 70 | rack (>= 1.6.0) 71 | rack-test (>= 0.6.3) 72 | regexp_parser (~> 1.5) 73 | xpath (~> 3.2) 74 | childprocess (3.0.0) 75 | concurrent-ruby (1.1.5) 76 | connection_pool (2.2.2) 77 | crass (1.0.6) 78 | erubi (1.9.0) 79 | execjs (2.7.0) 80 | ffi (1.11.1) 81 | globalid (0.4.2) 82 | activesupport (>= 4.2.0) 83 | i18n (1.7.0) 84 | concurrent-ruby (~> 1.0) 85 | jbuilder (2.9.1) 86 | activesupport (>= 4.2.0) 87 | libv8 (7.3.492.27.1) 88 | listen (3.1.5) 89 | rb-fsevent (~> 0.9, >= 0.9.4) 90 | rb-inotify (~> 0.9, >= 0.9.7) 91 | ruby_dep (~> 1.2) 92 | loofah (2.19.1) 93 | crass (~> 1.0.2) 94 | nokogiri (>= 1.5.9) 95 | mail (2.7.1) 96 | mini_mime (>= 0.1.1) 97 | marcel (0.3.3) 98 | mimemagic (~> 0.3.2) 99 | method_source (0.9.2) 100 | mimemagic (0.3.10) 101 | nokogiri (~> 1) 102 | rake 103 | mini_mime (1.0.2) 104 | mini_portile2 (2.8.0) 105 | mini_racer (0.2.6) 106 | libv8 (>= 6.9.411) 107 | minitest (5.13.0) 108 | msgpack (1.3.1) 109 | nio4r (2.5.8) 110 | nokogiri (1.13.10) 111 | mini_portile2 (~> 2.8.0) 112 | racc (~> 1.4) 113 | pg (1.1.4) 114 | public_suffix (4.0.6) 115 | puma (5.6.4) 116 | nio4r (~> 2.0) 117 | racc (1.6.1) 118 | rack (2.2.3.1) 119 | rack-proxy (0.6.5) 120 | rack 121 | rack-test (1.1.0) 122 | rack (>= 1.0, < 3) 123 | rails (6.0.1) 124 | actioncable (= 6.0.1) 125 | actionmailbox (= 6.0.1) 126 | actionmailer (= 6.0.1) 127 | actionpack (= 6.0.1) 128 | actiontext (= 6.0.1) 129 | actionview (= 6.0.1) 130 | activejob (= 6.0.1) 131 | activemodel (= 6.0.1) 132 | activerecord (= 6.0.1) 133 | activestorage (= 6.0.1) 134 | activesupport (= 6.0.1) 135 | bundler (>= 1.3.0) 136 | railties (= 6.0.1) 137 | sprockets-rails (>= 2.0.0) 138 | rails-dom-testing (2.0.3) 139 | activesupport (>= 4.2.0) 140 | nokogiri (>= 1.6) 141 | rails-html-sanitizer (1.4.4) 142 | loofah (~> 2.19, >= 2.19.1) 143 | railties (6.0.1) 144 | actionpack (= 6.0.1) 145 | activesupport (= 6.0.1) 146 | method_source 147 | rake (>= 0.8.7) 148 | thor (>= 0.20.3, < 2.0) 149 | rainbow (3.0.0) 150 | rake (13.0.0) 151 | rb-fsevent (0.10.3) 152 | rb-inotify (0.10.0) 153 | ffi (~> 1.0) 154 | react_on_rails (11.1.4) 155 | addressable 156 | connection_pool 157 | execjs (~> 2.5) 158 | rails (>= 3.2) 159 | rainbow (~> 3.0) 160 | regexp_parser (1.6.0) 161 | ruby_dep (1.5.0) 162 | rubyzip (2.0.0) 163 | sass-rails (6.0.0) 164 | sassc-rails (~> 2.1, >= 2.1.1) 165 | sassc (2.2.1) 166 | ffi (~> 1.9) 167 | sassc-rails (2.1.2) 168 | railties (>= 4.0.0) 169 | sassc (>= 2.0) 170 | sprockets (> 3.0) 171 | sprockets-rails 172 | tilt 173 | selenium-webdriver (3.142.6) 174 | childprocess (>= 0.5, < 4.0) 175 | rubyzip (>= 1.2.2) 176 | spring (2.1.0) 177 | spring-watcher-listen (2.0.1) 178 | listen (>= 2.7, < 4.0) 179 | spring (>= 1.2, < 3.0) 180 | sprockets (4.0.0) 181 | concurrent-ruby (~> 1.0) 182 | rack (> 1, < 3) 183 | sprockets-rails (3.2.1) 184 | actionpack (>= 4.0) 185 | activesupport (>= 4.0) 186 | sprockets (>= 3.0.0) 187 | thor (0.20.3) 188 | thread_safe (0.3.6) 189 | tilt (2.0.10) 190 | turbolinks (5.2.1) 191 | turbolinks-source (~> 5.2) 192 | turbolinks-source (5.2.0) 193 | tzinfo (1.2.10) 194 | thread_safe (~> 0.1) 195 | web-console (4.0.1) 196 | actionview (>= 6.0.0) 197 | activemodel (>= 6.0.0) 198 | bindex (>= 0.4.0) 199 | railties (>= 6.0.0) 200 | webdrivers (4.1.3) 201 | nokogiri (~> 1.6) 202 | rubyzip (>= 1.3.0) 203 | selenium-webdriver (>= 3.0, < 4.0) 204 | webpacker (4.0.7) 205 | activesupport (>= 4.2) 206 | rack-proxy (>= 0.6.1) 207 | railties (>= 4.2) 208 | websocket-driver (0.7.1) 209 | websocket-extensions (>= 0.1.0) 210 | websocket-extensions (0.1.5) 211 | xpath (3.2.0) 212 | nokogiri (~> 1.8) 213 | zeitwerk (2.2.1) 214 | 215 | PLATFORMS 216 | ruby 217 | 218 | DEPENDENCIES 219 | bootsnap (>= 1.4.2) 220 | byebug 221 | capybara (>= 2.15) 222 | jbuilder (~> 2.7) 223 | listen (>= 3.0.5, < 3.2) 224 | mini_racer 225 | pg (>= 0.18, < 2.0) 226 | puma (~> 5.6) 227 | rails (~> 6.0.1) 228 | react_on_rails (= 11.1.4) 229 | sass-rails (>= 6) 230 | selenium-webdriver 231 | spring 232 | spring-watcher-listen (~> 2.0.0) 233 | turbolinks (~> 5) 234 | tzinfo-data 235 | web-console (>= 3.3.0) 236 | webdrivers 237 | webpacker (~> 4.0) 238 | 239 | RUBY VERSION 240 | ruby 2.6.5p114 241 | 242 | BUNDLED WITH 243 | 1.17.2 244 | -------------------------------------------------------------------------------- /Procfile.dev: -------------------------------------------------------------------------------- 1 | # You can run these commands in separate shells 2 | web: rails s -p 3000 3 | 4 | # Next line runs a watch process with webpack to compile the changed files. 5 | # When making frequent changes to client side assets, you will prefer building webpack assets 6 | # upon saving rather than when you refresh your browser page. 7 | client: sh -c 'rm -rf public/packs/* || true && bundle exec rake react_on_rails:locale && bin/webpack -w' 8 | -------------------------------------------------------------------------------- /Procfile.dev-server: -------------------------------------------------------------------------------- 1 | # You can run these commands in separate shells instead of using foreman 2 | web: rails s -p 3000 3 | 4 | # Next line runs the webpack-dev-server 5 | # You can edit config/webpacker.yml to set HMR to true to see hot reloading. 6 | # Note, hot and live reloading don't work with the default generator setup on top of 7 | # the rails/webpacker Webpack config with server rendering. 8 | # If you have server rendering enabled, modify the call to bin/webpack-dev-server line 9 | # so you add `--inline=false` and then CSS is not inlined. 10 | # Otherwise, you will have an error. If you want HMR and Server Rendering, see 11 | # the example in the https://github.com/shakacode/react-webpack-rails-tutorial 12 | client: sh -c 'rm -rf public/packs/* || true && bundle exec rake react_on_rails:locale && bin/webpack-dev-server' 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Introduction 2 | 3 | - **Title**: Ruby on Rails 6 + ReactJS CRUD Application. 4 | - **Article**: https://rubyinrails.com/2019/11/19/rails-react-js-application-with-crud-operation/ 5 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | # Add your own tasks in files placed in lib/tasks ending in .rake, 2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. 3 | 4 | require_relative 'config/application' 5 | 6 | Rails.application.load_tasks 7 | -------------------------------------------------------------------------------- /app/assets/config/manifest.js: -------------------------------------------------------------------------------- 1 | //= link_tree ../images 2 | //= link_directory ../stylesheets .css 3 | -------------------------------------------------------------------------------- /app/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/app/assets/images/.keep -------------------------------------------------------------------------------- /app/assets/stylesheets/application.css: -------------------------------------------------------------------------------- 1 | /* 2 | * This is a manifest file that'll be compiled into application.css, which will include all the files 3 | * listed below. 4 | * 5 | * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's 6 | * vendor/assets/stylesheets directory can be referenced here using a relative path. 7 | * 8 | * You're free to add application-wide styles to this file and they'll appear at the bottom of the 9 | * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS 10 | * files in this directory. Styles in this file should be added after the last require_* statement. 11 | * It is generally better to create a new file per style scope. 12 | * 13 | *= require_tree . 14 | *= require_self 15 | */ 16 | -------------------------------------------------------------------------------- /app/channels/application_cable/channel.rb: -------------------------------------------------------------------------------- 1 | module ApplicationCable 2 | class Channel < ActionCable::Channel::Base 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/channels/application_cable/connection.rb: -------------------------------------------------------------------------------- 1 | module ApplicationCable 2 | class Connection < ActionCable::Connection::Base 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /app/controllers/api/v1/posts_controller.rb: -------------------------------------------------------------------------------- 1 | # app/controllers/api/v1/posts_controller.rb 2 | class Api::V1::PostsController < ApplicationController 3 | def index 4 | all_posts = Post.all 5 | render json: all_posts 6 | end 7 | 8 | def create 9 | post = Post.create(post_params) 10 | render json: post 11 | end 12 | 13 | def show 14 | post = Post.find(params[:id]) 15 | render json: post 16 | end 17 | 18 | def update 19 | post = Post.find(params[:id]) 20 | post.update(post_params) 21 | render json: post 22 | end 23 | 24 | def destroy 25 | Post.destroy(params[:id]) 26 | head :ok 27 | end 28 | 29 | private 30 | 31 | def post_params 32 | params.permit(:title, :description, :is_published) 33 | end 34 | end 35 | -------------------------------------------------------------------------------- /app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | protect_from_forgery with: :null_session 3 | end 4 | -------------------------------------------------------------------------------- /app/controllers/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/app/controllers/concerns/.keep -------------------------------------------------------------------------------- /app/controllers/hello_world_controller.rb: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | class HelloWorldController < ApplicationController 4 | layout "hello_world" 5 | 6 | def index 7 | @hello_world_props = { name: "Stranger" } 8 | end 9 | end 10 | -------------------------------------------------------------------------------- /app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /app/javascript/App.js: -------------------------------------------------------------------------------- 1 | // app/javascript/App.js 2 | import React from 'react'; 3 | import { 4 | BrowserRouter as Router, 5 | Link 6 | } from "react-router-dom"; 7 | import Routes from './Routes'; 8 | 9 | export default class App extends React.Component { 10 | render() { 11 | return ( 12 | 13 |
14 | 19 |
20 |
21 | 22 |
23 | ); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /app/javascript/Routes.js: -------------------------------------------------------------------------------- 1 | // app/javascript/routes.js 2 | import React from 'react'; 3 | import { 4 | Switch, 5 | Route, 6 | } from "react-router-dom"; 7 | import HelloWorld from './bundles/HelloWorld/components/HelloWorld'; 8 | import Posts from './bundles/posts/index'; 9 | import PostDetails from './bundles/posts/PostDetails'; 10 | import CreatePost from './bundles/posts/CreatePost'; 11 | import UpdatePost from './bundles/posts/UpdatePost'; 12 | 13 | export default () => { 14 | return ( 15 | 16 | 17 | 18 | 19 | 24 | 29 | 34 | 35 | ); 36 | } 37 | -------------------------------------------------------------------------------- /app/javascript/bundles/HelloWorld/components/HelloWorld.jsx: -------------------------------------------------------------------------------- 1 | import PropTypes from 'prop-types'; 2 | import React from 'react'; 3 | 4 | export default class HelloWorld extends React.Component { 5 | static propTypes = { 6 | name: PropTypes.string.isRequired, // this is passed from the Rails view 7 | }; 8 | 9 | /** 10 | * @param props - Comes from your rails view. 11 | */ 12 | constructor(props) { 13 | super(props); 14 | 15 | // How to set initial state in ES6 class syntax 16 | // https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class 17 | this.state = { name: this.props.name }; 18 | } 19 | 20 | updateName = (name) => { 21 | this.setState({ name }); 22 | }; 23 | 24 | render() { 25 | return ( 26 |
27 |

28 | Hello, {this.state.name}! 29 |

30 |
31 |
32 | 35 | this.updateName(e.target.value)} 40 | /> 41 |
42 |
43 | ); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /app/javascript/bundles/posts/CreatePost.js: -------------------------------------------------------------------------------- 1 | // app/javascript/bundles/posts/CreatePost.js 2 | import React from 'react'; 3 | import {Redirect} from 'react-router-dom'; 4 | 5 | export default class CreatePost extends React.Component { 6 | constructor(props) { 7 | super(props); 8 | this.state = { 9 | title: '', 10 | description: '', 11 | is_published: true 12 | } 13 | } 14 | 15 | handleInputChange = (event) => { 16 | this.setState({ [event.target.name]: event.target.value }); 17 | } 18 | 19 | createPostRequest = (event) => { 20 | console.log('this.state', this.state); 21 | fetch('/api/v1/posts', { 22 | method: 'post', 23 | body: JSON.stringify(this.state), 24 | headers: { 'Content-Type': 'application/json' }, 25 | }).then((response) => { 26 | alert('Post created successfully'); 27 | location.href = '/'; 28 | }); 29 | } 30 | 31 | render() { 32 | const {title, description, is_published} = this.state; 33 | return ( 34 |
35 |

New Post

36 |
37 | 38 | 44 |
45 |
46 | 47 | 53 |
54 |
55 | 56 | 62 |
63 | 64 |
65 | ); 66 | } 67 | } 68 | 69 | -------------------------------------------------------------------------------- /app/javascript/bundles/posts/PostDetails.js: -------------------------------------------------------------------------------- 1 | // app/javascript/bundles/posts/PostDetails.js 2 | import React from 'react'; 3 | 4 | export default class PostDetails extends React.Component { 5 | constructor(props) { 6 | super(props); 7 | this.state = { post: {} }; 8 | } 9 | 10 | componentDidMount() { 11 | const { match: { params: { id } } } = this.props; 12 | fetch(`/api/v1/posts/${id}`). 13 | then((response) => response.json()). 14 | then((post) => this.setState({ post })); 15 | } 16 | 17 | render() { 18 | const { post } = this.state; 19 | return ( 20 |
21 |
22 | 23 |

{post.title}

24 |
25 | 26 |
27 | 28 |

{post.description}

29 |
30 | 31 |
32 | 33 |

{post.is_published}

34 |
35 |
36 | ); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /app/javascript/bundles/posts/UpdatePost.js: -------------------------------------------------------------------------------- 1 | // app/javascript/bundles/posts/UpdatePost.js 2 | import React from 'react'; 3 | 4 | export default class UpdatePost extends React.Component { 5 | constructor(props) { 6 | super(props); 7 | this.state = { 8 | title: '', 9 | description: '', 10 | is_published: true 11 | } 12 | } 13 | 14 | componentDidMount() { 15 | const { match: { params: { id } } } = this.props; 16 | fetch(`/api/v1/posts/${id}`). 17 | then((response) => response.json()). 18 | then((post) => this.setState({ ...post })); 19 | } 20 | 21 | handleInputChange = (event) => { 22 | this.setState({ [event.target.name]: event.target.value }); 23 | } 24 | 25 | updatePostRequest = (event) => { 26 | fetch(`/api/v1/posts/${this.state.id}`, { 27 | method: 'put', 28 | body: JSON.stringify(this.state), 29 | headers: { 'Content-Type': 'application/json' }, 30 | }).then((response) => { 31 | alert('Post updated successfully'); 32 | location.href = '/'; 33 | }); 34 | } 35 | 36 | render() { 37 | const {title, description, is_published} = this.state; 38 | return ( 39 |
40 |

New Post

41 |
42 | 43 | 49 |
50 |
51 | 52 | 58 |
59 |
60 | 61 | 67 |
68 | 69 |
70 | ); 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /app/javascript/bundles/posts/index.js: -------------------------------------------------------------------------------- 1 | // app/javascript/bundles/posts/index.js 2 | import React from 'react'; 3 | import { Link } from 'react-router-dom'; 4 | 5 | export default class PostsList extends React.Component { 6 | constructor(props) { 7 | super(props); 8 | this.state = { posts: [] }; 9 | } 10 | 11 | componentDidMount() { 12 | this.fetchPostsList(); 13 | } 14 | 15 | fetchPostsList = () => { 16 | fetch('/api/v1/posts'). 17 | then((response) => response.json()). 18 | then((posts) => this.setState({ posts })); 19 | }; 20 | 21 | handleDelete = (postId) => { 22 | fetch(`/api/v1/posts/${postId}`, { method: 'delete' }). 23 | then((response) => { 24 | alert('Post deleted successfully') 25 | this.fetchPostsList(); 26 | }); 27 | } 28 | 29 | render() { 30 | const { posts } = this.state; 31 | return ( 32 |
33 |

All Posts

34 | New Post 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | { 47 | posts.map((post) => { 48 | return ( 49 | 50 | 51 | 56 | 57 | 58 | 66 | 67 | ) 68 | }) 69 | } 70 | 71 |
IDTitleDescriptionIs PublishedActions
{post.id} 52 | 53 | {post.title} 54 | 55 | {post.description}{post.is_published ? 'Yes' : 'No' } 59 | 60 | Edit 61 | 62 | 65 |
72 |
73 | ); 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /app/javascript/channels/consumer.js: -------------------------------------------------------------------------------- 1 | // Action Cable provides the framework to deal with WebSockets in Rails. 2 | // You can generate new channels where WebSocket features live using the `rails generate channel` command. 3 | 4 | import { createConsumer } from "@rails/actioncable" 5 | 6 | export default createConsumer() 7 | -------------------------------------------------------------------------------- /app/javascript/channels/index.js: -------------------------------------------------------------------------------- 1 | // Load all the channels within this directory and all subdirectories. 2 | // Channel files must be named *_channel.js. 3 | 4 | const channels = require.context('.', true, /_channel\.js$/) 5 | channels.keys().forEach(channels) 6 | -------------------------------------------------------------------------------- /app/javascript/packs/application.js: -------------------------------------------------------------------------------- 1 | // This file is automatically compiled by Webpack, along with any other files 2 | // present in this directory. You're encouraged to place your actual application logic in 3 | // a relevant structure within app/javascript and only use these pack files to reference 4 | // that code so it'll be compiled. 5 | 6 | require("@rails/ujs").start() 7 | require("turbolinks").start() 8 | require("@rails/activestorage").start() 9 | require("channels") 10 | 11 | 12 | // Uncomment to copy all static images under ../images to the output folder and reference 13 | // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>) 14 | // or the `imagePath` JavaScript helper below. 15 | // 16 | // const images = require.context('../images', true) 17 | // const imagePath = (name) => images(name, true) 18 | -------------------------------------------------------------------------------- /app/javascript/packs/hello-world-bundle.js: -------------------------------------------------------------------------------- 1 | import ReactOnRails from 'react-on-rails'; 2 | 3 | import App from '../App'; 4 | 5 | // This is how react_on_rails can see the HelloWorld in the browser. 6 | ReactOnRails.register({ 7 | App, 8 | }); 9 | -------------------------------------------------------------------------------- /app/javascript/packs/hello_react.jsx: -------------------------------------------------------------------------------- 1 | // Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file, 2 | // like app/views/layouts/application.html.erb. All it does is render
Hello React
at the bottom 3 | // of the page. 4 | 5 | import React from 'react' 6 | import ReactDOM from 'react-dom' 7 | import PropTypes from 'prop-types' 8 | 9 | const Hello = props => ( 10 |
Hello {props.name}!
11 | ) 12 | 13 | Hello.defaultProps = { 14 | name: 'David' 15 | } 16 | 17 | Hello.propTypes = { 18 | name: PropTypes.string 19 | } 20 | 21 | document.addEventListener('DOMContentLoaded', () => { 22 | ReactDOM.render( 23 | , 24 | document.body.appendChild(document.createElement('div')), 25 | ) 26 | }) 27 | -------------------------------------------------------------------------------- /app/jobs/application_job.rb: -------------------------------------------------------------------------------- 1 | class ApplicationJob < ActiveJob::Base 2 | # Automatically retry jobs that encountered a deadlock 3 | # retry_on ActiveRecord::Deadlocked 4 | 5 | # Most jobs are safe to ignore if the underlying records are no longer available 6 | # discard_on ActiveJob::DeserializationError 7 | end 8 | -------------------------------------------------------------------------------- /app/mailers/application_mailer.rb: -------------------------------------------------------------------------------- 1 | class ApplicationMailer < ActionMailer::Base 2 | default from: 'from@example.com' 3 | layout 'mailer' 4 | end 5 | -------------------------------------------------------------------------------- /app/models/application_record.rb: -------------------------------------------------------------------------------- 1 | class ApplicationRecord < ActiveRecord::Base 2 | self.abstract_class = true 3 | end 4 | -------------------------------------------------------------------------------- /app/models/concerns/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/app/models/concerns/.keep -------------------------------------------------------------------------------- /app/models/post.rb: -------------------------------------------------------------------------------- 1 | class Post < ApplicationRecord 2 | end 3 | -------------------------------------------------------------------------------- /app/views/hello_world/index.html.erb: -------------------------------------------------------------------------------- 1 |

React Routing Demo

2 | <%= react_component("App", props: @hello_world_props, prerender: false) %> 3 | -------------------------------------------------------------------------------- /app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | RailsReactJsCrudApp 5 | <%= csrf_meta_tags %> 6 | <%= csp_meta_tag %> 7 | 8 | <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 9 | <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> 10 | 11 | 12 | 13 | <%= yield %> 14 | 15 | 16 | -------------------------------------------------------------------------------- /app/views/layouts/hello_world.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ReactOnRailsWithWebpacker 5 | <%= csrf_meta_tags %> 6 | <%= javascript_pack_tag 'hello-world-bundle' %> 7 | 8 | 9 | 10 | <%= yield %> 11 | 12 | 13 | -------------------------------------------------------------------------------- /app/views/layouts/mailer.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 9 | 10 | 11 | <%= yield %> 12 | 13 | 14 | -------------------------------------------------------------------------------- /app/views/layouts/mailer.text.erb: -------------------------------------------------------------------------------- 1 | <%= yield %> 2 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = function(api) { 2 | var validEnv = ['development', 'test', 'production'] 3 | var currentEnv = api.env() 4 | var isDevelopmentEnv = api.env('development') 5 | var isProductionEnv = api.env('production') 6 | var isTestEnv = api.env('test') 7 | 8 | if (!validEnv.includes(currentEnv)) { 9 | throw new Error( 10 | 'Please specify a valid `NODE_ENV` or ' + 11 | '`BABEL_ENV` environment variables. Valid values are "development", ' + 12 | '"test", and "production". Instead, received: ' + 13 | JSON.stringify(currentEnv) + 14 | '.' 15 | ) 16 | } 17 | 18 | return { 19 | presets: [ 20 | isTestEnv && [ 21 | require('@babel/preset-env').default, 22 | { 23 | targets: { 24 | node: 'current' 25 | } 26 | } 27 | ], 28 | (isProductionEnv || isDevelopmentEnv) && [ 29 | require('@babel/preset-env').default, 30 | { 31 | forceAllTransforms: true, 32 | useBuiltIns: 'entry', 33 | corejs: 3, 34 | modules: false, 35 | exclude: ['transform-typeof-symbol'] 36 | } 37 | ], 38 | [ 39 | require('@babel/preset-react').default, 40 | { 41 | development: isDevelopmentEnv || isTestEnv, 42 | useBuiltIns: true 43 | } 44 | ] 45 | ].filter(Boolean), 46 | plugins: [ 47 | require('babel-plugin-macros'), 48 | require('@babel/plugin-syntax-dynamic-import').default, 49 | isTestEnv && require('babel-plugin-dynamic-import-node'), 50 | require('@babel/plugin-transform-destructuring').default, 51 | [ 52 | require('@babel/plugin-proposal-class-properties').default, 53 | { 54 | loose: true 55 | } 56 | ], 57 | [ 58 | require('@babel/plugin-proposal-object-rest-spread').default, 59 | { 60 | useBuiltIns: true 61 | } 62 | ], 63 | [ 64 | require('@babel/plugin-transform-runtime').default, 65 | { 66 | helpers: false, 67 | regenerator: true, 68 | corejs: false 69 | } 70 | ], 71 | [ 72 | require('@babel/plugin-transform-regenerator').default, 73 | { 74 | async: false 75 | } 76 | ], 77 | isProductionEnv && [ 78 | require('babel-plugin-transform-react-remove-prop-types').default, 79 | { 80 | removeImport: true 81 | } 82 | ] 83 | ].filter(Boolean) 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /bin/bundle: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | # frozen_string_literal: true 3 | 4 | # 5 | # This file was generated by Bundler. 6 | # 7 | # The application 'bundle' is installed as part of a gem, and 8 | # this file is here to facilitate running it. 9 | # 10 | 11 | require "rubygems" 12 | 13 | m = Module.new do 14 | module_function 15 | 16 | def invoked_as_script? 17 | File.expand_path($0) == File.expand_path(__FILE__) 18 | end 19 | 20 | def env_var_version 21 | ENV["BUNDLER_VERSION"] 22 | end 23 | 24 | def cli_arg_version 25 | return unless invoked_as_script? # don't want to hijack other binstubs 26 | return unless "update".start_with?(ARGV.first || " ") # must be running `bundle update` 27 | bundler_version = nil 28 | update_index = nil 29 | ARGV.each_with_index do |a, i| 30 | if update_index && update_index.succ == i && a =~ Gem::Version::ANCHORED_VERSION_PATTERN 31 | bundler_version = a 32 | end 33 | next unless a =~ /\A--bundler(?:[= ](#{Gem::Version::VERSION_PATTERN}))?\z/ 34 | bundler_version = $1 || ">= 0.a" 35 | update_index = i 36 | end 37 | bundler_version 38 | end 39 | 40 | def gemfile 41 | gemfile = ENV["BUNDLE_GEMFILE"] 42 | return gemfile if gemfile && !gemfile.empty? 43 | 44 | File.expand_path("../../Gemfile", __FILE__) 45 | end 46 | 47 | def lockfile 48 | lockfile = 49 | case File.basename(gemfile) 50 | when "gems.rb" then gemfile.sub(/\.rb$/, gemfile) 51 | else "#{gemfile}.lock" 52 | end 53 | File.expand_path(lockfile) 54 | end 55 | 56 | def lockfile_version 57 | return unless File.file?(lockfile) 58 | lockfile_contents = File.read(lockfile) 59 | return unless lockfile_contents =~ /\n\nBUNDLED WITH\n\s{2,}(#{Gem::Version::VERSION_PATTERN})\n/ 60 | Regexp.last_match(1) 61 | end 62 | 63 | def bundler_version 64 | @bundler_version ||= begin 65 | env_var_version || cli_arg_version || 66 | lockfile_version || "#{Gem::Requirement.default}.a" 67 | end 68 | end 69 | 70 | def load_bundler! 71 | ENV["BUNDLE_GEMFILE"] ||= gemfile 72 | 73 | # must dup string for RG < 1.8 compatibility 74 | activate_bundler(bundler_version.dup) 75 | end 76 | 77 | def activate_bundler(bundler_version) 78 | if Gem::Version.correct?(bundler_version) && Gem::Version.new(bundler_version).release < Gem::Version.new("2.0") 79 | bundler_version = "< 2" 80 | end 81 | gem_error = activation_error_handling do 82 | gem "bundler", bundler_version 83 | end 84 | return if gem_error.nil? 85 | require_error = activation_error_handling do 86 | require "bundler/version" 87 | end 88 | return if require_error.nil? && Gem::Requirement.new(bundler_version).satisfied_by?(Gem::Version.new(Bundler::VERSION)) 89 | warn "Activating bundler (#{bundler_version}) failed:\n#{gem_error.message}\n\nTo install the version of bundler this project requires, run `gem install bundler -v '#{bundler_version}'`" 90 | exit 42 91 | end 92 | 93 | def activation_error_handling 94 | yield 95 | nil 96 | rescue StandardError, LoadError => e 97 | e 98 | end 99 | end 100 | 101 | m.load_bundler! 102 | 103 | if m.invoked_as_script? 104 | load Gem.bin_path("bundler", "bundle") 105 | end 106 | -------------------------------------------------------------------------------- /bin/rails: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path('../spring', __FILE__) 4 | rescue LoadError => e 5 | raise unless e.message.include?('spring') 6 | end 7 | APP_PATH = File.expand_path('../config/application', __dir__) 8 | require_relative '../config/boot' 9 | require 'rails/commands' 10 | -------------------------------------------------------------------------------- /bin/rake: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | begin 3 | load File.expand_path('../spring', __FILE__) 4 | rescue LoadError => e 5 | raise unless e.message.include?('spring') 6 | end 7 | require_relative '../config/boot' 8 | require 'rake' 9 | Rake.application.run 10 | -------------------------------------------------------------------------------- /bin/setup: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | require 'fileutils' 3 | 4 | # path to your application root. 5 | APP_ROOT = File.expand_path('..', __dir__) 6 | 7 | def system!(*args) 8 | system(*args) || abort("\n== Command #{args} failed ==") 9 | end 10 | 11 | FileUtils.chdir APP_ROOT do 12 | # This script is a way to setup or update your development environment automatically. 13 | # This script is idempotent, so that you can run it at anytime and get an expectable outcome. 14 | # Add necessary setup steps to this file. 15 | 16 | puts '== Installing dependencies ==' 17 | system! 'gem install bundler --conservative' 18 | system('bundle check') || system!('bundle install') 19 | 20 | # Install JavaScript dependencies 21 | # system('bin/yarn') 22 | 23 | # puts "\n== Copying sample files ==" 24 | # unless File.exist?('config/database.yml') 25 | # FileUtils.cp 'config/database.yml.sample', 'config/database.yml' 26 | # end 27 | 28 | puts "\n== Preparing database ==" 29 | system! 'bin/rails db:prepare' 30 | 31 | puts "\n== Removing old logs and tempfiles ==" 32 | system! 'bin/rails log:clear tmp:clear' 33 | 34 | puts "\n== Restarting application server ==" 35 | system! 'bin/rails restart' 36 | end 37 | -------------------------------------------------------------------------------- /bin/spring: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | 3 | # This file loads Spring without using Bundler, in order to be fast. 4 | # It gets overwritten when you run the `spring binstub` command. 5 | 6 | unless defined?(Spring) 7 | require 'rubygems' 8 | require 'bundler' 9 | 10 | lockfile = Bundler::LockfileParser.new(Bundler.default_lockfile.read) 11 | spring = lockfile.specs.detect { |spec| spec.name == 'spring' } 12 | if spring 13 | Gem.use_paths Gem.dir, Bundler.bundle_path.to_s, *Gem.path 14 | gem 'spring', spring.version 15 | require 'spring/binstub' 16 | end 17 | end 18 | -------------------------------------------------------------------------------- /bin/webpack: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | 3 | ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development" 4 | ENV["NODE_ENV"] ||= "development" 5 | 6 | require "pathname" 7 | ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile", 8 | Pathname.new(__FILE__).realpath) 9 | 10 | require "rubygems" 11 | require "bundler/setup" 12 | 13 | require "webpacker" 14 | require "webpacker/webpack_runner" 15 | 16 | APP_ROOT = File.expand_path("..", __dir__) 17 | Dir.chdir(APP_ROOT) do 18 | Webpacker::WebpackRunner.run(ARGV) 19 | end 20 | -------------------------------------------------------------------------------- /bin/webpack-dev-server: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | 3 | ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development" 4 | ENV["NODE_ENV"] ||= "development" 5 | 6 | require "pathname" 7 | ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile", 8 | Pathname.new(__FILE__).realpath) 9 | 10 | require "rubygems" 11 | require "bundler/setup" 12 | 13 | require "webpacker" 14 | require "webpacker/dev_server_runner" 15 | 16 | APP_ROOT = File.expand_path("..", __dir__) 17 | Dir.chdir(APP_ROOT) do 18 | Webpacker::DevServerRunner.run(ARGV) 19 | end 20 | -------------------------------------------------------------------------------- /bin/yarn: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | APP_ROOT = File.expand_path('..', __dir__) 3 | Dir.chdir(APP_ROOT) do 4 | begin 5 | exec "yarnpkg", *ARGV 6 | rescue Errno::ENOENT 7 | $stderr.puts "Yarn executable was not detected in the system." 8 | $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install" 9 | exit 1 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require_relative 'config/environment' 4 | 5 | run Rails.application 6 | -------------------------------------------------------------------------------- /config/application.rb: -------------------------------------------------------------------------------- 1 | require_relative 'boot' 2 | 3 | require 'rails/all' 4 | 5 | # Require the gems listed in Gemfile, including any gems 6 | # you've limited to :test, :development, or :production. 7 | Bundler.require(*Rails.groups) 8 | 9 | module RailsReactJsCrudApp 10 | class Application < Rails::Application 11 | # Initialize configuration defaults for originally generated Rails version. 12 | config.load_defaults 6.0 13 | 14 | # Settings in config/environments/* take precedence over those specified here. 15 | # Application configuration can go into files in config/initializers 16 | # -- all .rb files in that directory are automatically loaded after loading 17 | # the framework and any gems in your application. 18 | end 19 | end 20 | -------------------------------------------------------------------------------- /config/boot.rb: -------------------------------------------------------------------------------- 1 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__) 2 | 3 | require 'bundler/setup' # Set up gems listed in the Gemfile. 4 | require 'bootsnap/setup' # Speed up boot time by caching expensive operations. 5 | -------------------------------------------------------------------------------- /config/cable.yml: -------------------------------------------------------------------------------- 1 | development: 2 | adapter: async 3 | 4 | test: 5 | adapter: test 6 | 7 | production: 8 | adapter: redis 9 | url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %> 10 | channel_prefix: rails_react_js_ssr_setup_production 11 | -------------------------------------------------------------------------------- /config/credentials.yml.enc: -------------------------------------------------------------------------------- 1 | /029LtAklC24vk4vj02lptY8HaoX7TOCycTQh3NTfp7r7vLhMwAS4qUuK4vVwWhe5NtK0ffpNiusYuOF8TZx/qxfLIgSIMkdPnj0HLyPUi+EK0bJnCpUC4Qrkg6Ho0Y+8H6Fh4C2tuap/8TF3f6Usqk/AU0kwHXG2ToSqaXgTrUdw9AuFaodW5UaJBQrgS1+8LH5QKCtBa63QBnXmeNtmQv1lQUyIa9XTaEZvO6X7hOqz1dliGUrwF8ay3jJWqW8pXT73r3UvDN9VhnFBdcLWhWbjPBc6Fs27YtbWt2nyD79JB1whehXogBYpT5tqpIaFEk5ssM6YC4T9aVbJKEovckdACdZBhZJbVMwYA36dFHnF3vYGfRg+eWrKlmlZvIim365Eu+X/6gIpznXGI+QW8wD/JNg9oxk9cEk--UPVN33SYcWD7ER/w--edlC2T7Af8k8N5A+T39bcg== -------------------------------------------------------------------------------- /config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the Rails application. 2 | require_relative 'application' 3 | 4 | # Initialize the Rails application. 5 | Rails.application.initialize! 6 | -------------------------------------------------------------------------------- /config/environments/development.rb: -------------------------------------------------------------------------------- 1 | Rails.application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb. 3 | 4 | # In the development environment your application's code is reloaded on 5 | # every request. This slows down response time but is perfect for development 6 | # since you don't have to restart the web server when you make code changes. 7 | config.cache_classes = false 8 | 9 | # Do not eager load code on boot. 10 | config.eager_load = false 11 | 12 | # Show full error reports. 13 | config.consider_all_requests_local = true 14 | 15 | # Enable/disable caching. By default caching is disabled. 16 | # Run rails dev:cache to toggle caching. 17 | if Rails.root.join('tmp', 'caching-dev.txt').exist? 18 | config.action_controller.perform_caching = true 19 | config.action_controller.enable_fragment_cache_logging = true 20 | 21 | config.cache_store = :memory_store 22 | config.public_file_server.headers = { 23 | 'Cache-Control' => "public, max-age=#{2.days.to_i}" 24 | } 25 | else 26 | config.action_controller.perform_caching = false 27 | 28 | config.cache_store = :null_store 29 | end 30 | 31 | # Store uploaded files on the local file system (see config/storage.yml for options). 32 | config.active_storage.service = :local 33 | 34 | # Don't care if the mailer can't send. 35 | config.action_mailer.raise_delivery_errors = false 36 | 37 | config.action_mailer.perform_caching = false 38 | 39 | # Print deprecation notices to the Rails logger. 40 | config.active_support.deprecation = :log 41 | 42 | # Raise an error on page load if there are pending migrations. 43 | config.active_record.migration_error = :page_load 44 | 45 | # Highlight code that triggered database queries in logs. 46 | config.active_record.verbose_query_logs = true 47 | 48 | # Debug mode disables concatenation and preprocessing of assets. 49 | # This option may cause significant delays in view rendering with a large 50 | # number of complex assets. 51 | config.assets.debug = true 52 | 53 | # Suppress logger output for asset requests. 54 | config.assets.quiet = true 55 | 56 | # Raises error for missing translations. 57 | # config.action_view.raise_on_missing_translations = true 58 | 59 | # Use an evented file watcher to asynchronously detect changes in source code, 60 | # routes, locales, etc. This feature depends on the listen gem. 61 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker 62 | end 63 | -------------------------------------------------------------------------------- /config/environments/production.rb: -------------------------------------------------------------------------------- 1 | Rails.application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb. 3 | 4 | # Code is not reloaded between requests. 5 | config.cache_classes = true 6 | 7 | # Eager load code on boot. This eager loads most of Rails and 8 | # your application in memory, allowing both threaded web servers 9 | # and those relying on copy on write to perform better. 10 | # Rake tasks automatically ignore this option for performance. 11 | config.eager_load = true 12 | 13 | # Full error reports are disabled and caching is turned on. 14 | config.consider_all_requests_local = false 15 | config.action_controller.perform_caching = true 16 | 17 | # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"] 18 | # or in config/master.key. This key is used to decrypt credentials (and other encrypted files). 19 | # config.require_master_key = true 20 | 21 | # Disable serving static files from the `/public` folder by default since 22 | # Apache or NGINX already handles this. 23 | config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present? 24 | 25 | # Compress CSS using a preprocessor. 26 | # config.assets.css_compressor = :sass 27 | 28 | # Do not fallback to assets pipeline if a precompiled asset is missed. 29 | config.assets.compile = false 30 | 31 | # Enable serving of images, stylesheets, and JavaScripts from an asset server. 32 | # config.action_controller.asset_host = 'http://assets.example.com' 33 | 34 | # Specifies the header that your server uses for sending files. 35 | # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache 36 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX 37 | 38 | # Store uploaded files on the local file system (see config/storage.yml for options). 39 | config.active_storage.service = :local 40 | 41 | # Mount Action Cable outside main process or domain. 42 | # config.action_cable.mount_path = nil 43 | # config.action_cable.url = 'wss://example.com/cable' 44 | # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ] 45 | 46 | # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies. 47 | # config.force_ssl = true 48 | 49 | # Use the lowest log level to ensure availability of diagnostic information 50 | # when problems arise. 51 | config.log_level = :debug 52 | 53 | # Prepend all log lines with the following tags. 54 | config.log_tags = [ :request_id ] 55 | 56 | # Use a different cache store in production. 57 | # config.cache_store = :mem_cache_store 58 | 59 | # Use a real queuing backend for Active Job (and separate queues per environment). 60 | # config.active_job.queue_adapter = :resque 61 | # config.active_job.queue_name_prefix = "rails_react_js_ssr_setup_production" 62 | 63 | config.action_mailer.perform_caching = false 64 | 65 | # Ignore bad email addresses and do not raise email delivery errors. 66 | # Set this to true and configure the email server for immediate delivery to raise delivery errors. 67 | # config.action_mailer.raise_delivery_errors = false 68 | 69 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to 70 | # the I18n.default_locale when a translation cannot be found). 71 | config.i18n.fallbacks = true 72 | 73 | # Send deprecation notices to registered listeners. 74 | config.active_support.deprecation = :notify 75 | 76 | # Use default logging formatter so that PID and timestamp are not suppressed. 77 | config.log_formatter = ::Logger::Formatter.new 78 | 79 | # Use a different logger for distributed setups. 80 | # require 'syslog/logger' 81 | # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name') 82 | 83 | if ENV["RAILS_LOG_TO_STDOUT"].present? 84 | logger = ActiveSupport::Logger.new(STDOUT) 85 | logger.formatter = config.log_formatter 86 | config.logger = ActiveSupport::TaggedLogging.new(logger) 87 | end 88 | 89 | # Do not dump schema after migrations. 90 | config.active_record.dump_schema_after_migration = false 91 | 92 | # Inserts middleware to perform automatic connection switching. 93 | # The `database_selector` hash is used to pass options to the DatabaseSelector 94 | # middleware. The `delay` is used to determine how long to wait after a write 95 | # to send a subsequent read to the primary. 96 | # 97 | # The `database_resolver` class is used by the middleware to determine which 98 | # database is appropriate to use based on the time delay. 99 | # 100 | # The `database_resolver_context` class is used by the middleware to set 101 | # timestamps for the last write to the primary. The resolver uses the context 102 | # class timestamps to determine how long to wait before reading from the 103 | # replica. 104 | # 105 | # By default Rails will store a last write timestamp in the session. The 106 | # DatabaseSelector middleware is designed as such you can define your own 107 | # strategy for connection switching and pass that into the middleware through 108 | # these configuration options. 109 | # config.active_record.database_selector = { delay: 2.seconds } 110 | # config.active_record.database_resolver = ActiveRecord::Middleware::DatabaseSelector::Resolver 111 | # config.active_record.database_resolver_context = ActiveRecord::Middleware::DatabaseSelector::Resolver::Session 112 | end 113 | -------------------------------------------------------------------------------- /config/environments/test.rb: -------------------------------------------------------------------------------- 1 | # The test environment is used exclusively to run your application's 2 | # test suite. You never need to work with it otherwise. Remember that 3 | # your test database is "scratch space" for the test suite and is wiped 4 | # and recreated between test runs. Don't rely on the data there! 5 | 6 | Rails.application.configure do 7 | # Settings specified here will take precedence over those in config/application.rb. 8 | 9 | config.cache_classes = false 10 | 11 | # Do not eager load code on boot. This avoids loading your whole application 12 | # just for the purpose of running a single test. If you are using a tool that 13 | # preloads Rails for running tests, you may have to set it to true. 14 | config.eager_load = false 15 | 16 | # Configure public file server for tests with Cache-Control for performance. 17 | config.public_file_server.enabled = true 18 | config.public_file_server.headers = { 19 | 'Cache-Control' => "public, max-age=#{1.hour.to_i}" 20 | } 21 | 22 | # Show full error reports and disable caching. 23 | config.consider_all_requests_local = true 24 | config.action_controller.perform_caching = false 25 | config.cache_store = :null_store 26 | 27 | # Raise exceptions instead of rendering exception templates. 28 | config.action_dispatch.show_exceptions = false 29 | 30 | # Disable request forgery protection in test environment. 31 | config.action_controller.allow_forgery_protection = false 32 | 33 | # Store uploaded files on the local file system in a temporary directory. 34 | config.active_storage.service = :test 35 | 36 | config.action_mailer.perform_caching = false 37 | 38 | # Tell Action Mailer not to deliver emails to the real world. 39 | # The :test delivery method accumulates sent emails in the 40 | # ActionMailer::Base.deliveries array. 41 | config.action_mailer.delivery_method = :test 42 | 43 | # Print deprecation notices to the stderr. 44 | config.active_support.deprecation = :stderr 45 | 46 | # Raises error for missing translations. 47 | # config.action_view.raise_on_missing_translations = true 48 | end 49 | -------------------------------------------------------------------------------- /config/initializers/application_controller_renderer.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # ActiveSupport::Reloader.to_prepare do 4 | # ApplicationController.renderer.defaults.merge!( 5 | # http_host: 'example.org', 6 | # https: false 7 | # ) 8 | # end 9 | -------------------------------------------------------------------------------- /config/initializers/assets.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Version of your assets, change this if you want to expire all your assets. 4 | Rails.application.config.assets.version = '1.0' 5 | 6 | # Add additional assets to the asset load path. 7 | # Rails.application.config.assets.paths << Emoji.images_path 8 | # Add Yarn node_modules folder to the asset load path. 9 | Rails.application.config.assets.paths << Rails.root.join('node_modules') 10 | 11 | # Precompile additional assets. 12 | # application.js, application.css, and all non-JS/CSS in the app/assets 13 | # folder are already added. 14 | # Rails.application.config.assets.precompile += %w( admin.js admin.css ) 15 | -------------------------------------------------------------------------------- /config/initializers/backtrace_silencers.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. 4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } 5 | 6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. 7 | # Rails.backtrace_cleaner.remove_silencers! 8 | -------------------------------------------------------------------------------- /config/initializers/content_security_policy.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Define an application-wide content security policy 4 | # For further information see the following documentation 5 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy 6 | 7 | # Rails.application.config.content_security_policy do |policy| 8 | # policy.default_src :self, :https 9 | # policy.font_src :self, :https, :data 10 | # policy.img_src :self, :https, :data 11 | # policy.object_src :none 12 | # policy.script_src :self, :https 13 | # policy.style_src :self, :https 14 | # # If you are using webpack-dev-server then specify webpack-dev-server host 15 | # policy.connect_src :self, :https, "http://localhost:3035", "ws://localhost:3035" if Rails.env.development? 16 | 17 | # # Specify URI for violation reports 18 | # # policy.report_uri "/csp-violation-report-endpoint" 19 | # end 20 | 21 | # If you are using UJS then enable automatic nonce generation 22 | # Rails.application.config.content_security_policy_nonce_generator = -> request { SecureRandom.base64(16) } 23 | 24 | # Set the nonce only to specific directives 25 | # Rails.application.config.content_security_policy_nonce_directives = %w(script-src) 26 | 27 | # Report CSP violations to a specified URI 28 | # For further information see the following documentation: 29 | # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy-Report-Only 30 | # Rails.application.config.content_security_policy_report_only = true 31 | -------------------------------------------------------------------------------- /config/initializers/cookies_serializer.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Specify a serializer for the signed and encrypted cookie jars. 4 | # Valid options are :json, :marshal, and :hybrid. 5 | Rails.application.config.action_dispatch.cookies_serializer = :json 6 | -------------------------------------------------------------------------------- /config/initializers/filter_parameter_logging.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Configure sensitive parameters which will be filtered from the log file. 4 | Rails.application.config.filter_parameters += [:password] 5 | -------------------------------------------------------------------------------- /config/initializers/inflections.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new inflection rules using the following format. Inflections 4 | # are locale specific, and you may define rules for as many different 5 | # locales as you wish. All of these examples are active by default: 6 | # ActiveSupport::Inflector.inflections(:en) do |inflect| 7 | # inflect.plural /^(ox)$/i, '\1en' 8 | # inflect.singular /^(ox)en/i, '\1' 9 | # inflect.irregular 'person', 'people' 10 | # inflect.uncountable %w( fish sheep ) 11 | # end 12 | 13 | # These inflection rules are supported but not enabled by default: 14 | # ActiveSupport::Inflector.inflections(:en) do |inflect| 15 | # inflect.acronym 'RESTful' 16 | # end 17 | -------------------------------------------------------------------------------- /config/initializers/mime_types.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new mime types for use in respond_to blocks: 4 | # Mime::Type.register "text/richtext", :rtf 5 | -------------------------------------------------------------------------------- /config/initializers/react_on_rails.rb: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | # See https://github.com/shakacode/react_on_rails/blob/master/docs/basics/configuration.md 4 | # for many more options. 5 | 6 | ReactOnRails.configure do |config| 7 | # This configures the script to run to build the production assets by webpack. Set this to nil 8 | # if you don't want react_on_rails building this file for you. 9 | config.build_production_command = "RAILS_ENV=production NODE_ENV=production bin/webpack" 10 | 11 | ################################################################################ 12 | ################################################################################ 13 | # TEST CONFIGURATION OPTIONS 14 | # Below options are used with the use of this test helper: 15 | # ReactOnRails::TestHelper.configure_rspec_to_compile_assets(config) 16 | ################################################################################ 17 | 18 | # If you are using this in your spec_helper.rb (or rails_helper.rb): 19 | # 20 | # ReactOnRails::TestHelper.configure_rspec_to_compile_assets(config) 21 | # 22 | # with rspec then this controls what yarn command is run 23 | # to automatically refresh your webpack assets on every test run. 24 | # 25 | config.build_test_command = "RAILS_ENV=test bin/webpack" 26 | 27 | ################################################################################ 28 | ################################################################################ 29 | # SERVER RENDERING OPTIONS 30 | ################################################################################ 31 | # This is the file used for server rendering of React when using `(prerender: true)` 32 | # If you are never using server rendering, you should set this to "". 33 | # Note, there is only one server bundle, unlike JavaScript where you want to minimize the size 34 | # of the JS sent to the client. For the server rendering, React on Rails creates a pool of 35 | # JavaScript execution instances which should handle any component requested. 36 | # 37 | # While you may configure this to be the same as your client bundle file, this file is typically 38 | # different. You should have ONE server bundle which can create all of your server rendered 39 | # React components. 40 | # 41 | config.server_bundle_js_file = "hello-world-bundle.js" 42 | end 43 | -------------------------------------------------------------------------------- /config/initializers/wrap_parameters.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # This file contains settings for ActionController::ParamsWrapper which 4 | # is enabled by default. 5 | 6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array. 7 | ActiveSupport.on_load(:action_controller) do 8 | wrap_parameters format: [:json] 9 | end 10 | 11 | # To enable root element in JSON for ActiveRecord objects. 12 | # ActiveSupport.on_load(:active_record) do 13 | # self.include_root_in_json = true 14 | # end 15 | -------------------------------------------------------------------------------- /config/locales/en.yml: -------------------------------------------------------------------------------- 1 | # Files in the config/locales directory are used for internationalization 2 | # and are automatically loaded by Rails. If you want to use locales other 3 | # than English, add the necessary files in this directory. 4 | # 5 | # To use the locales, use `I18n.t`: 6 | # 7 | # I18n.t 'hello' 8 | # 9 | # In views, this is aliased to just `t`: 10 | # 11 | # <%= t('hello') %> 12 | # 13 | # To use a different locale, set it with `I18n.locale`: 14 | # 15 | # I18n.locale = :es 16 | # 17 | # This would use the information in config/locales/es.yml. 18 | # 19 | # The following keys must be escaped otherwise they will not be retrieved by 20 | # the default I18n backend: 21 | # 22 | # true, false, on, off, yes, no 23 | # 24 | # Instead, surround them with single quotes. 25 | # 26 | # en: 27 | # 'true': 'foo' 28 | # 29 | # To learn more, please read the Rails Internationalization guide 30 | # available at https://guides.rubyonrails.org/i18n.html. 31 | 32 | en: 33 | hello: "Hello world" 34 | -------------------------------------------------------------------------------- /config/puma.rb: -------------------------------------------------------------------------------- 1 | # Puma can serve each request in a thread from an internal thread pool. 2 | # The `threads` method setting takes two numbers: a minimum and maximum. 3 | # Any libraries that use thread pools should be configured to match 4 | # the maximum value specified for Puma. Default is set to 5 threads for minimum 5 | # and maximum; this matches the default thread size of Active Record. 6 | # 7 | max_threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 } 8 | min_threads_count = ENV.fetch("RAILS_MIN_THREADS") { max_threads_count } 9 | threads min_threads_count, max_threads_count 10 | 11 | # Specifies the `port` that Puma will listen on to receive requests; default is 3000. 12 | # 13 | port ENV.fetch("PORT") { 3000 } 14 | 15 | # Specifies the `environment` that Puma will run in. 16 | # 17 | environment ENV.fetch("RAILS_ENV") { "development" } 18 | 19 | # Specifies the `pidfile` that Puma will use. 20 | pidfile ENV.fetch("PIDFILE") { "tmp/pids/server.pid" } 21 | 22 | # Specifies the number of `workers` to boot in clustered mode. 23 | # Workers are forked web server processes. If using threads and workers together 24 | # the concurrency of the application would be max `threads` * `workers`. 25 | # Workers do not work on JRuby or Windows (both of which do not support 26 | # processes). 27 | # 28 | # workers ENV.fetch("WEB_CONCURRENCY") { 2 } 29 | 30 | # Use the `preload_app!` method when specifying a `workers` number. 31 | # This directive tells Puma to first boot the application and load code 32 | # before forking the application. This takes advantage of Copy On Write 33 | # process behavior so workers use less memory. 34 | # 35 | # preload_app! 36 | 37 | # Allow puma to be restarted by `rails restart` command. 38 | plugin :tmp_restart 39 | -------------------------------------------------------------------------------- /config/routes.rb: -------------------------------------------------------------------------------- 1 | Rails.application.routes.draw do 2 | namespace :api do 3 | namespace :v1 do 4 | resources :posts, only: [:index, :create, :show, :update, :destroy] 5 | end 6 | end 7 | get 'posts/:id/edit', to: 'hello_world#index'; 8 | get 'posts/:id', to: 'hello_world#index'; 9 | get 'posts/new', to: 'hello_world#index'; 10 | root 'hello_world#index' 11 | end 12 | -------------------------------------------------------------------------------- /config/spring.rb: -------------------------------------------------------------------------------- 1 | Spring.watch( 2 | ".ruby-version", 3 | ".rbenv-vars", 4 | "tmp/restart.txt", 5 | "tmp/caching-dev.txt" 6 | ) 7 | -------------------------------------------------------------------------------- /config/storage.yml: -------------------------------------------------------------------------------- 1 | test: 2 | service: Disk 3 | root: <%= Rails.root.join("tmp/storage") %> 4 | 5 | local: 6 | service: Disk 7 | root: <%= Rails.root.join("storage") %> 8 | 9 | # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key) 10 | # amazon: 11 | # service: S3 12 | # access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %> 13 | # secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %> 14 | # region: us-east-1 15 | # bucket: your_own_bucket 16 | 17 | # Remember not to checkin your GCS keyfile to a repository 18 | # google: 19 | # service: GCS 20 | # project: your_project 21 | # credentials: <%= Rails.root.join("path/to/gcs.keyfile") %> 22 | # bucket: your_own_bucket 23 | 24 | # Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key) 25 | # microsoft: 26 | # service: AzureStorage 27 | # storage_account_name: your_account_name 28 | # storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %> 29 | # container: your_container_name 30 | 31 | # mirror: 32 | # service: Mirror 33 | # primary: local 34 | # mirrors: [ amazon, google, microsoft ] 35 | -------------------------------------------------------------------------------- /config/webpack/development.js: -------------------------------------------------------------------------------- 1 | process.env.NODE_ENV = process.env.NODE_ENV || 'development' 2 | 3 | const environment = require('./environment') 4 | 5 | module.exports = environment.toWebpackConfig() 6 | -------------------------------------------------------------------------------- /config/webpack/environment.js: -------------------------------------------------------------------------------- 1 | const { environment } = require('@rails/webpacker') 2 | 3 | module.exports = environment 4 | -------------------------------------------------------------------------------- /config/webpack/production.js: -------------------------------------------------------------------------------- 1 | process.env.NODE_ENV = process.env.NODE_ENV || 'production' 2 | 3 | const environment = require('./environment') 4 | 5 | module.exports = environment.toWebpackConfig() 6 | -------------------------------------------------------------------------------- /config/webpack/test.js: -------------------------------------------------------------------------------- 1 | process.env.NODE_ENV = process.env.NODE_ENV || 'development' 2 | 3 | const environment = require('./environment') 4 | 5 | module.exports = environment.toWebpackConfig() 6 | -------------------------------------------------------------------------------- /config/webpacker.yml: -------------------------------------------------------------------------------- 1 | # Note: You must restart bin/webpack-dev-server for changes to take effect 2 | 3 | default: &default 4 | source_path: app/javascript 5 | source_entry_path: packs 6 | public_root_path: public 7 | public_output_path: packs 8 | cache_path: tmp/cache/webpacker 9 | check_yarn_integrity: false 10 | webpack_compile_output: false 11 | 12 | # Additional paths webpack should lookup modules 13 | # ['app/assets', 'engine/foo/app/assets'] 14 | resolved_paths: [] 15 | 16 | # Reload manifest.json on all requests so we reload latest compiled packs 17 | cache_manifest: false 18 | 19 | # Extract and emit a css file 20 | extract_css: false 21 | 22 | static_assets_extensions: 23 | - .jpg 24 | - .jpeg 25 | - .png 26 | - .gif 27 | - .tiff 28 | - .ico 29 | - .svg 30 | - .eot 31 | - .otf 32 | - .ttf 33 | - .woff 34 | - .woff2 35 | 36 | extensions: 37 | - .jsx 38 | - .mjs 39 | - .js 40 | - .sass 41 | - .scss 42 | - .css 43 | - .module.sass 44 | - .module.scss 45 | - .module.css 46 | - .png 47 | - .svg 48 | - .gif 49 | - .jpeg 50 | - .jpg 51 | 52 | development: 53 | <<: *default 54 | compile: true 55 | 56 | # Verifies that correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules 57 | check_yarn_integrity: true 58 | 59 | # Reference: https://webpack.js.org/configuration/dev-server/ 60 | dev_server: 61 | https: false 62 | host: localhost 63 | port: 3035 64 | public: localhost:3035 65 | hmr: false 66 | # Inline should be set to true if using HMR 67 | inline: true 68 | overlay: true 69 | compress: true 70 | disable_host_check: true 71 | use_local_ip: false 72 | quiet: false 73 | headers: 74 | 'Access-Control-Allow-Origin': '*' 75 | watch_options: 76 | ignored: '**/node_modules/**' 77 | 78 | 79 | test: 80 | <<: *default 81 | compile: true 82 | 83 | # Compile test packs to a separate directory 84 | public_output_path: packs-test 85 | 86 | production: 87 | <<: *default 88 | 89 | # Production depends on precompilation of packs prior to booting for performance. 90 | compile: false 91 | 92 | # Extract and emit a css file 93 | extract_css: true 94 | 95 | # Cache manifest.json for performance 96 | cache_manifest: true 97 | -------------------------------------------------------------------------------- /db/migrate/20191112103934_create_posts.rb: -------------------------------------------------------------------------------- 1 | class CreatePosts < ActiveRecord::Migration[6.0] 2 | def change 3 | create_table :posts do |t| 4 | t.string :title 5 | t.text :description 6 | t.boolean :is_published 7 | 8 | t.timestamps 9 | end 10 | end 11 | end 12 | -------------------------------------------------------------------------------- /db/schema.rb: -------------------------------------------------------------------------------- 1 | # This file is auto-generated from the current state of the database. Instead 2 | # of editing this file, please use the migrations feature of Active Record to 3 | # incrementally modify your database, and then regenerate this schema definition. 4 | # 5 | # This file is the source Rails uses to define your schema when running `rails 6 | # db:schema:load`. When creating a new database, `rails db:schema:load` tends to 7 | # be faster and is potentially less error prone than running all of your 8 | # migrations from scratch. Old migrations may fail to apply correctly if those 9 | # migrations use external dependencies or application code. 10 | # 11 | # It's strongly recommended that you check this file into your version control system. 12 | 13 | ActiveRecord::Schema.define(version: 2019_11_12_103934) do 14 | 15 | # These are extensions that must be enabled in order to support this database 16 | enable_extension "plpgsql" 17 | 18 | create_table "posts", force: :cascade do |t| 19 | t.string "title" 20 | t.text "description" 21 | t.boolean "is_published" 22 | t.datetime "created_at", precision: 6, null: false 23 | t.datetime "updated_at", precision: 6, null: false 24 | end 25 | 26 | end 27 | -------------------------------------------------------------------------------- /db/seeds.rb: -------------------------------------------------------------------------------- 1 | # db/seeds.rb 2 | SAMPLE_POSTS = [{ 3 | title: 'Rails Routes expanded view option', 4 | description: 'Rails 6 adds support to show rails routes in an expanded format with --expanded option.', 5 | is_published: true 6 | },{ 7 | title: 'Rails find_in_batches vs find_each', 8 | description: 'This article discusses how we can use find_in_batches and find_each to query records in batches with ActiveRecord.', 9 | is_published: true 10 | }, { 11 | title: 'Rails Routes member vs collection', 12 | description: 'Member routes act on a member of the resource. Collection routes acts on resources in general.', 13 | is_published: true 14 | }] 15 | 16 | SAMPLE_POSTS.each do |post| 17 | Post.create(post) 18 | end 19 | -------------------------------------------------------------------------------- /lib/assets/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/lib/assets/.keep -------------------------------------------------------------------------------- /lib/tasks/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/lib/tasks/.keep -------------------------------------------------------------------------------- /log/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/log/.keep -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "rails_react_js_ssr_setup", 3 | "private": true, 4 | "dependencies": { 5 | "@babel/preset-react": "^7.7.0", 6 | "@rails/actioncable": "^6.0.0", 7 | "@rails/activestorage": "^6.0.0", 8 | "@rails/ujs": "^6.0.0", 9 | "@rails/webpacker": "^4.0.7", 10 | "babel-plugin-transform-react-remove-prop-types": "^0.4.24", 11 | "prop-types": "^15.7.2", 12 | "react": "^16.11.0", 13 | "react-dom": "^16.11.0", 14 | "react-on-rails": "11.3.0", 15 | "react-router": "^5.1.2", 16 | "react-router-dom": "^5.1.2", 17 | "turbolinks": "^5.2.0" 18 | }, 19 | "version": "0.1.0", 20 | "devDependencies": { 21 | "webpack-dev-server": "^3.9.0" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [ 3 | require('postcss-import'), 4 | require('postcss-flexbugs-fixes'), 5 | require('postcss-preset-env')({ 6 | autoprefixer: { 7 | flexbox: 'no-2009' 8 | }, 9 | stage: 3 10 | }) 11 | ] 12 | } 13 | -------------------------------------------------------------------------------- /public/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | The page you were looking for doesn't exist (404) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

The page you were looking for doesn't exist.

62 |

You may have mistyped the address or the page may have moved.

63 |
64 |

If you are the application owner check the logs for more information.

65 |
66 | 67 | 68 | -------------------------------------------------------------------------------- /public/422.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | The change you wanted was rejected (422) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

The change you wanted was rejected.

62 |

Maybe you tried to change something you didn't have access to.

63 |
64 |

If you are the application owner check the logs for more information.

65 |
66 | 67 | 68 | -------------------------------------------------------------------------------- /public/500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | We're sorry, but something went wrong (500) 5 | 6 | 55 | 56 | 57 | 58 | 59 |
60 |
61 |

We're sorry, but something went wrong.

62 |
63 |

If you are the application owner check the logs for more information.

64 |
65 | 66 | 67 | -------------------------------------------------------------------------------- /public/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/public/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/public/favicon.ico -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # See https://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | -------------------------------------------------------------------------------- /storage/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/storage/.keep -------------------------------------------------------------------------------- /test/application_system_test_case.rb: -------------------------------------------------------------------------------- 1 | require "test_helper" 2 | 3 | class ApplicationSystemTestCase < ActionDispatch::SystemTestCase 4 | driven_by :selenium, using: :chrome, screen_size: [1400, 1400] 5 | end 6 | -------------------------------------------------------------------------------- /test/channels/application_cable/connection_test.rb: -------------------------------------------------------------------------------- 1 | require "test_helper" 2 | 3 | class ApplicationCable::ConnectionTest < ActionCable::Connection::TestCase 4 | # test "connects with cookies" do 5 | # cookies.signed[:user_id] = 42 6 | # 7 | # connect 8 | # 9 | # assert_equal connection.user_id, "42" 10 | # end 11 | end 12 | -------------------------------------------------------------------------------- /test/controllers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/controllers/.keep -------------------------------------------------------------------------------- /test/fixtures/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/fixtures/.keep -------------------------------------------------------------------------------- /test/fixtures/files/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/fixtures/files/.keep -------------------------------------------------------------------------------- /test/fixtures/posts.yml: -------------------------------------------------------------------------------- 1 | # Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html 2 | 3 | one: 4 | title: MyString 5 | description: MyText 6 | is_published: false 7 | 8 | two: 9 | title: MyString 10 | description: MyText 11 | is_published: false 12 | -------------------------------------------------------------------------------- /test/helpers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/helpers/.keep -------------------------------------------------------------------------------- /test/integration/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/integration/.keep -------------------------------------------------------------------------------- /test/mailers/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/mailers/.keep -------------------------------------------------------------------------------- /test/models/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/models/.keep -------------------------------------------------------------------------------- /test/models/post_test.rb: -------------------------------------------------------------------------------- 1 | require 'test_helper' 2 | 3 | class PostTest < ActiveSupport::TestCase 4 | # test "the truth" do 5 | # assert true 6 | # end 7 | end 8 | -------------------------------------------------------------------------------- /test/system/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/test/system/.keep -------------------------------------------------------------------------------- /test/test_helper.rb: -------------------------------------------------------------------------------- 1 | ENV['RAILS_ENV'] ||= 'test' 2 | require_relative '../config/environment' 3 | require 'rails/test_help' 4 | 5 | class ActiveSupport::TestCase 6 | # Run tests in parallel with specified workers 7 | parallelize(workers: :number_of_processors) 8 | 9 | # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order. 10 | fixtures :all 11 | 12 | # Add more helper methods to be used by all tests here... 13 | end 14 | -------------------------------------------------------------------------------- /tmp/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/tmp/.keep -------------------------------------------------------------------------------- /vendor/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Topten1004/Ruby-React/d19d81cdd237f076732aa9010f5fe341f24bd5fd/vendor/.keep --------------------------------------------------------------------------------