alexandrricov/react-ecosystem.md

## react-ecosystem.md

      
    Raw
  

              react-ecosystem.md
            
          
    setup


CRA https://github.com/facebook/create-react-app
for relative paths from src folder, setting NODE_PATH='src/' in start and build scripts, like:  "start": "cross-env NODE_PATH='src/' react-scripts start"

styling


styled components https://github.com/styled-components/styled-components

theming using theme provider


or css modules

coming soon natively in CRA, currently exist separate version of react-scripts: react-scripts-cssmodules facebook/create-react-app#2285)
theming using css custom properties (aka css variables) + postbuild polyfilling if needed using postcss with postcss-custom-properties plugin


store


redux
reselect for memoisation and comfortable store values access, predictible values composition etc.

code organisation

src/
    components/ # dumb components
    containers/ # smart components
    i18n/
    middleware/
    reducers/
    selectors/
    utils/