You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -68,9 +68,9 @@ See package.json and Gemfile for versions
68
68
1. Be sure that you have Node installed! We suggest [nvm](https://github.com/creationix/nvm), with node version `v5.0` or above. See this article [Updating and using nvm](http://forum.shakacode.com/t/updating-and-using-nvm/293).
1. Check that you're using the right version of node. Run `nvm list` to check.
73
-
1. Check that you have Postgres installed. Run `which postgres` to check.
71
+
1. Check that you have Ruby 2.2.4 or greater
72
+
1. Check that you're using the right version of node. Run `nvm list` to check. Use 5.5 or greater.
73
+
1. Check that you have Postgres installed. Run `which postgres` to check. Use 9.4 or greater.
74
74
1.`bundle install`
75
75
1.`npm install`
76
76
1.`rake db:setup`
@@ -79,6 +79,7 @@ See package.json and Gemfile for versions
79
79
1. Open a browser tab to http://localhost:4000 for the Hot Module Replacement Example.
80
80
1. With the browser open to any JSX file, such as [client/app/bundles/comments/components/CommentBox/CommentBox.jsx](client/app/bundles/comments/components/CommentBox/CommentBox.jsx) and you can change the JSX code, hit save, and you will see the sceen update without refreshing the window. This applies to port 3000 and port 4000.
81
81
1. Try changing a `.scss` file, such as a color in [client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.scss](client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.scss). You can see port 3000 or 4000 update automatically.
82
+
1. Be sure to take a look at the different Procfiles in this directory, as described below.
82
83
83
84
# KEY COMMANDS
84
85
1. Run all linters and tests: `rake ci`
@@ -158,13 +159,14 @@ The tutorial makes use of a custom font OpenSans-Light. We're doing this to show
158
159
bundle exec foreman start -f <Procfile>
159
160
```
160
161
161
-
1.`Procfile.dev`: Starts the Webpack Dev Server and Rails with Hot Reloading.
162
-
2.`Procfile.hot`: Starts the Rails server and the webpack server to provide hot reloading of assets, JavaScript and CSS.
163
-
3.`Procfile.static`: Starts the Rails server and generates static assets that are used for tests.
164
-
4.`Procfile.express`: Starts only the Webpack Dev Server.
165
-
5.`Procfile.spec`: Starts webpack to create the static files for tests. **Good to know:** If you want to start `rails s` separately to debug in `pry`, then run `Procfile.spec` to generate the assets and run `rails s` in a separate console.
166
-
6.`Procfile.static.trace`: Same as `Procfile.static` but prints tracing information useful for debugging server rendering.
167
-
162
+
1.[`Procfile.dev`](Procfile.dev): Starts the Webpack Dev Server and Rails with Hot Reloading.
163
+
2.[`Procfile.hot`](Procfile.hot): Starts the Rails server and the webpack server to provide hot reloading of assets, JavaScript and CSS.
164
+
3.[`Procfile.static`](Procfile.static): Starts the Rails server and generates static assets that are used for tests.
165
+
4.[`Procfile.express`(Procfile.express): Starts only the Webpack Dev Server.
166
+
5.[`Procfile.spec`](Procfile.spec]: Starts webpack to create the static files for tests. **Good to know:** If you want to start `rails s` separately to debug in `pry`, then run `Procfile.spec` to generate the assets and run `rails s` in a separate console.
167
+
6.[`Procfile.static.trace`][Procfile.static.trace]: Same as `Procfile.static` but prints tracing information useful for debugging server rendering.
168
+
169
+
In genereral, you want to avoid running more webpack watch processes than you need. The `Procfile.dev`, for example, runs both the express server (Webpack dev server) and the Rails hot assets reloading server.
168
170
169
171
## Contributors
170
172
[The Shaka Code team!](http://www.shakacode.com/about/) and many others!
0 commit comments