I'm not in tune with the whole web thing, but nothing says overbearing framework like "structure guides" and scaffolding tools. I'm particularly in awe because I just visited the ReactJS site to find out what all the fuzz is about and it makes the bold claim "just the UI", and "the V in MVC".
How to Structure React Projects
21–30 of 45 posts
Re: How to Structure React Projects
#22https://github.com/erikras/react-redux-universal-hot-example
It's a little heavy, but it includes react-redux bindings, webpack, Babel for ES6 support, mocha for testing, SASS/LESS for styles. There's more info on the GitHub page but it seems to be pretty comprehensive in terms of bundling next-gen front end engineering frameworks.
Re: How to Structure React Projects
#23I have been using this: https://github.com/erikras/react-redux-universal-hot-example It's a little heavy, but it includes react-redux bindings, webpack, Babel for ES6 support, mocha for testing, SASS/LESS for styles. There's more info on the GitHub page but it seems to be pretty comprehensive in terms of bundling next-gen front end engineering frameworks.
Re: How to Structure React Projects
#24The sticking point I found is enabling different lint rule for test and source in a way that doesn't require linting twice and that is automatically understood by my editor (vim + syntastic)
Re: How to Structure React Projects
#25Re: How to Structure React Projects
#26Re: How to Structure React Projects
#27The gist of it is:
> The file structure maps directly to the route hierarchy, which maps directly to the UI hierarchy.
> It's inverted from the model that we've used in other systems. If we consider all folders being either a "generic" or a "feature" folder, we only have one "feature" folder but many "generic" folders.
[1] https://gist.github.com/ryanflorence/daafb1e3cb8ad740b346
Re: How to Structure React Projects
#28I've used a structure similar to the one suggested by Ryan Florence in this Gist [1] with some success. The gist of it is: > The file structure maps directly to the route hierarchy, which maps directly to the UI hierarchy. > It's inverted from the model that we've used in other systems. If we consider all folders being either a "generic" or a "feature" folder, we only have one "feature" folder but many "generic" fold…
Re: How to Structure React Projects
#29Does anyone use React with RoR? How do you combine them?
https://github.com/shakacode/react_on_rails
https://github.com/netguru/react_webpack_rails
Basically, you introduce webpack as part of your dev/build pipeline, it interacts nicely with the asset pipeline.