This repo contains an alternative for React Applications
The idea here is not to provide a bullet proof architecture for your next React application, instead it should inspire you to user other alternatives instead of the default "Components" and "Containers" structures.
To start your development you can run npm start
and access localhost:3000
To run tests, simply run npm test
Just clarify, there are no rules here... You can modify this structure the way you want. I follow some conventions when using it, and these conventions might help you as well.
Contains all your application actions (duh!).
This folder is named reducers because I'm using Redux as my flux library, you may rename it according to the library you're using.
Contains all your aplication reducers (duh again).
In case your application have routers, I use this folder to group all routes from screens, and export the Router configuration for entry point.
Components that are connected to your store somehow (usually containers).
Root screens are usually your main routes as well.
A screen may contain a config folder, with configurations related to that screen (router configuration for example).
A screen may contain a inner screen folder.
A screen may contain a components folder (these components are used only within that screen).
All code that is shared accross your entire application, you may put here constants, components, utils, and so on...
Your entry point. Here you usually configure your flux library, and some other startup stuff you may want to use.