No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.circleci
flow-typed
public
scripts/generators
src
.editorconfig
.env
.eslintignore
.eslintrc
.flowconfig
.flowcoverageconfig
.gitignore
.npmignore
.prettierrc
.yo-rc.json
README.md
package.json
yarn.lock

README.md

Frontend architecture

The project is structured as follows:

  • src/components: React components are reusable pieces of the application (such as a button).

  • src/pages: React pages correspond to the application pages (such as the home page). Sub-components of these pages should be in sub-folders of each page, if they cannot be reused anywhere else.

  • src/redux: Redux actions/reducers/sagas/selectors are all grouped by page in this folder (following the ducks pattern). Learn more about Redux by reading the documentation.

Quick start

Useful commands:

  • yarn to install dependencies

  • yarn start to start a local dev-server

  • yarn build to build a minified version of the code, for production use!

  • yarn test to launch tests in watch mode

  • yarn generate to generate a new component or a new page. You will be prompted the following questions:

    • Do you want a page or a component?
    • What is the name of the component?
    • What is the type of the component? Choose between PureComponents, Components and stateless functions for your React component.
    • Do you want to connect your component to the Redux store? Use Redux to handle your global state.
    • Do you want to use react-intl? Use react-intl to handle the translations within your application.
    • Do you want to use styled-components? Use styled-components to easily style your components using a CSS syntax.
    • Do you want snapshot tests? Snapshot tests allow you to easily lock the comportment of a component.

Going further

Other useful commands:

  • yarn flow to generate flow configuration for your node_modules

  • yarn lint:fix to automatically fix linting errors

  • yarn test:coverage to generate the coverage

  • yarn nsp to spot security breaches in your application

  • yarn analyze to analyze the production bundle size

For more see create-react-app documentation