Need to make mobile responsive

[justin808]

We need to make this example mobile responsive.

Any takers?

[tfantina]

I'd be interested in taking a crack at it.

[justin808]

That would be awesome. I'll mark you as the owner of this. I look forward to seeing your PR.

[justin808]

@tfantina you only get 1 week to be the owner and show progress.

[tfantina]

@justin808 Hey I haven't done anything with webpacker_lite, every time I try to launch the local server I get this error:

WebpackerLite can't find the manifest file: /path/react-webpack-rails-tutorial/public/webpack/development/manifest.json
        Possible causes:
          1. You have not invoked webpack.
          2. You have misconfigured WebpackerLite's config/webpacker_lite.yml file.
          3. Your Webpack configuration is not creating a manifest.

I'm not sure what sort of additional configuration is needed in the yml file, I've also installed the webpack-manifest-plugin but I'm not sure how to proceed, although I am still really interested in this and I think I can make the example responsive I don't have a lot of experience with react_on_rails or webpacker_lite.

[tfantina]

I've been messing with this for several days and I just can't get it working. I will continue to do so when I have more time if not for this for my own curiosity but for the time being, I'm very sorry, I don't think I'll be able to give the pull request in time.

[justin808]

@tfantina rebase on top of master...I've updated to React on Rails 9.0.

[reconstructions]

@justin808, I built a responsive app on top of a forked version of this tutorial. It has gotten a little behind this repo, it isn't using Webpacker yet, and I have been waiting to update it, hoping to hold onto hot reloading : ).

It uses flexbox and media queries, with some site-wide SCSS mixins handling the responsiveness to keep things dry. It wasn't easy to build, since I had to remove Bootstrap to get responsive flexbox to work.

It is really a different app with its own client/app/bundles, but a lot heavier on design, typography, svg graphics, and that kind of thing.

If you think it would be a good idea, this approach could be applied to make your app responsive. It could be rolled in as a "no-Bootstrap" branch (assuming it is impossible to make flexbox work properly with Bootstrap in place).

[justin808]

@reconstructions I'm open to considering this!

[justin808]

@reconstructions Please send me an email justin@shakacode.com.