https://github.com/BookOfGreg/react-rails-example-app

Minimal basic demonstration React-Rails sample application using Webpacker
https://github.com/BookOfGreg/react-rails-example-app

react-rails sprockets webpack-es6

Last synced: about 1 month ago
JSON representation

Minimal basic demonstration React-Rails sample application using Webpacker

• Host: GitHub
• URL: https://github.com/BookOfGreg/react-rails-example-app
• Owner: BookOfGreg
• License: mit
• Created: 2017-09-28T11:01:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-19T05:34:56.000Z (over 1 year ago)
• Last Synced: 2024-04-17T00:31:15.466Z (2 months ago)
• Topics: react-rails, sprockets, webpack-es6
• Language: Ruby
• Size: 950 KB
• Stars: 91
• Watchers: 3
• Forks: 47
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• Open-Source-Ruby-and-Rails-Apps - react-rails-example-app - Minimal basic demonstration React-Rails sample application using Webpacker 🔥 (Happy Exploring 🤘)

README

        
# React-Rails Demo Application

This repo is an example of a simple working Rails 5, Webpack(er)3, React-Rails 2.3+ application.

Where generators are used, the git commit will be the command ran to get to the current application state so it will hopefully be easy to follow along at home.

## How to test the Demo Application

#### 1) Install the JS packages:

```sh

$ yarn install # or npm install

```

#### 2) Install GEM packages:

```

$ bundle install

```

#### 3) In one terminal run the rails server:

```

$ rails s

```

#### 4) In another terminal run the webpack server:

```

$ ./bin/webpack-dev-server

```

#### 5) Visit the welcome page

```

http://localhost:3000/welcome/index

```

## Branches

This repo contains two trees, one Webpacker and one Sprockets.

Each branch illustrates a react-rails ability.

* [`master`](https://github.com/BookOfGreg/react-rails-example-app) -> Webpacker 3

* [`sprockets`](https://github.com/BookOfGreg/react-rails-example-app/tree/sprockets) -> Sprockets 3

* [`rails-production-version`](https://github.com/BookOfGreg/react-rails-example-app/compare/sprockets...rails-production-version?expand=1) -> Sprockets 3 + serving production prebundled react

* [`rails-assets-sprockets`](https://github.com/BookOfGreg/react-rails-example-app/compare/sprockets...rails-assets-sprockets?expand=1) -> Sprockets 3 + using Rails-Assets.org (failed)

* [`generate-new-component`](https://github.com/BookOfGreg/react-rails-example-app/compare/master...generate-new-component?expand=1) -> Webpacker 3 + new style component

* [`without-ujs`](https://github.com/BookOfGreg/react-rails-example-app/compare/master...without-ujs?expand=1) -> Sprockets 3 + removing UJS and making component globally accessible

* [`jsx-file-example`](https://github.com/BookOfGreg/react-rails-example-app/compare/master...jsx-file-example?expand=1) -> Webpacker 3 + file named .JSX

* [`coffeescript-example`](https://github.com/BookOfGreg/react-rails-example-app/compare/master...coffeescript-example?expand=1) -> Webpacker 3 + Coffeescript WITH JSX