Shopify App Scaffold

• Ruby on Rails 5.1
• React JS
• Polaris: https://github.com/Shopify/polaris

Solution

Made it to all connect together somehow using the following approach:

1. webpacker gem
2. Will work only if webpack is run in non-server mode using ./bin/webpack --watch - because otherwise UI is on separate port and Shopify cannot communicate with one or another normally.
3. Shopify key and originDomain are taken from JS object.

If you have found a better solution for it all to work together, please, contribute here!

Sequence of actions to repeat this project

• Setup Shopify App by this manual: https://github.com/Shopify/shopify_app

• Add webpacker gems to Gemfile

gem 'webpacker', '~> 2.0'
gem 'webpacker-react', "~> 0.3.1"

• Add Polaris React component: https://github.com/Shopify/polaris

Contact

[email protected]