|
11 | 11 |
|
12 | 12 | [](LICENSE.md) [](https://travis-ci.org/shakacode/react_on_rails) [](https://badge.fury.io/rb/react_on_rails) [](https://badge.fury.io/js/react-on-rails) [](https://codeclimate.com/github/shakacode/react_on_rails) [](https://coveralls.io/github/shakacode/react_on_rails?branch=master) [](https://rubygems.org/gems/react_on_rails)
|
13 | 13 |
|
| 14 | +# React and Webpack with Ruby on Rails |
| 15 | +The current version of https://github.com/rails/webpacker will soon ship. While it won't be the default for Rails 7, it is not "deprecated." The core webpack configuration has become slimmer, allowing easier extension. If you want to get started today, use the master branch of [shakacode/react_on_rails_tutorial_with_ssr_and_hmr_fast_refresh](https://github.com/shakacode/react_on_rails_tutorial_with_ssr_and_hmr_fast_refresh) with `gem "webpacker", "6.0.0.rc.6"` Any updates to get to v6 from this point forward should be simple. |
| 16 | + |
| 17 | +If you have time, please comment on Justin's final proposals for Webpacker v6: [webpacker/pulls/justin808](https://github.com/rails/webpacker/pulls/justin808). |
| 18 | + |
| 19 | +----- |
| 20 | + |
14 | 21 | *These are the docs for React on Rails 12. To see the version 11 docs, [click here](https://github.com/shakacode/react_on_rails/tree/11.3.0).*
|
15 | 22 |
|
16 | 23 | #### About
|
17 | 24 | React on Rails integrates Rails with (server rendering of) Facebook's [React](https://github.com/facebook/react) front-end framework.
|
18 | 25 |
|
19 | 26 | This project is maintained by the software consulting firm [ShakaCode](https://www.shakacode.com). We focus on Ruby on Rails applications with React front-ends, often using TypeScript or ReScript (ReasonML). We also build React Native apps and Gatsby sites. See [our recent work](https://www.shakacode.com/recent-work) for examples of what we do. ShakaCode.com (HiChee.com) is [hiring developers that like working on open-source](https://www.shakacode.com/career/).
|
20 | 27 |
|
21 |
| -Interested in optimizing your webpack setup for React on Rails including code |
| 28 | +Are you interested in optimizing your webpack setup for React on Rails including code |
22 | 29 | splitting with [react-router](https://github.com/ReactTraining/react-router#readme) and
|
23 | 30 | [loadable-components](https://loadable-components.com/) with server-side rendering for SEO and hot-reloading for developers?
|
24 | 31 | We did this for Popmenu, [lowering Heroku costs 20-25% while getting a 73% decrease in average response times](https://www.shakacode.com/recent-work/popmenu/). Check out [React on Rails Pro](https://www.shakacode.com/react-on-rails-pro/).
|
25 | 32 |
|
26 |
| -Feel free to contact Justin Gordon, [[email protected]](mailto:[email protected]), maintainer of React on Rails , for more information. |
| 33 | +For more information, feel free to contact Justin Gordon, [[email protected]](mailto:[email protected]), maintainer of React on Rails. |
27 | 34 |
|
28 | 35 | # Documentation
|
29 | 36 |
|
30 | 37 | See the documentation at [shakacode.com/react-on-rails/docs](https://www.shakacode.com/react-on-rails/docs/).
|
31 | 38 |
|
32 | 39 | ## Project Objective
|
33 | 40 |
|
34 |
| -To provide a high performance framework for integrating Ruby on Rails with React via the [**Webpacker**](https://github.com/rails/webpacker) gem especially in regards to React Server-Side Rendering for better SEO and improved performance. |
| 41 | +To provide a high performance framework for integrating Ruby on Rails with React via the [**Webpacker**](https://github.com/rails/webpacker) gem, especially regarding React Server-Side Rendering for better SEO and improved performance. |
35 | 42 |
|
36 | 43 | ## Features and Why React on Rails?
|
37 | 44 |
|
@@ -85,12 +92,12 @@ The following companies support this open source project, and ShakaCode uses the
|
85 | 92 | [](https://www.honeybadger.io/)
|
86 | 93 | [](https://statushero.com/)
|
87 | 94 |
|
88 |
| -ShakaCode's favorite project tracking tool is [ClubHouse](https://clubhouse.io/). If you want to **try ClubHouse and get 2 months free beyond the 14-day trial period**, click [here to use ShakaCode's referral code](http://r.clbh.se/mvfoNeH). We're participating in their awesome triple-sided referral program, which you can read about [here](https://clubhouse.io/referral/). By using our [referral code](http://r.clbh.se/mvfoNeH) you'll be supporting ShakaCode and, thus, React on Rails! |
| 95 | +ShakaCode's favorite project tracking tool is [Shortcut](https://shortcut.com/). If you want to **try Shortcut and get 2 months free beyond the 14-day trial period**, click [here to use ShakaCode's referral code](http://r.clbh.se/mvfoNeH). We're participating in their awesome triple-sided referral program, which you can read about [here](https://clubhouse.io/referral/). By using our [referral code](http://r.clbh.se/mvfoNeH) you'll be supporting ShakaCode and, thus, React on Rails! |
89 | 96 |
|
90 | 97 | Aloha and best wishes from Justin and the ShakaCode team!
|
91 | 98 |
|
92 | 99 | # Work with Us
|
93 |
| -ShakaCode is **[hiring passionate software engineers](http://www.shakacode.com/career)** to work on our projects, including [HiChee](https://hichee.com). |
| 100 | +ShakaCode is **[hiring passionate software engineers](http://www.shakacode.com/career)** to work on our projects, including [HiChee](https://hichee.com)! |
94 | 101 |
|
95 | 102 | # License
|
96 | 103 |
|
|
0 commit comments