Cra-template-vanluren NPM

Vanluren's template

This template initializes a create-react-app project using an opinionated directory structure based on the Atomic Design Framework proposed by Brad Frost.

It adds:

Typescript
Redux
Styled-components

Installation

npx create-react-app my-app --template vanluren

# or

yarn create react-app my-app --template vanluren

Directory Structure

We try to follow the teachings of Brad Frost and his 'Atomic Design'. An example of a react project using the atomic design principles lives here

| [root]
|-- src
    |-- components
        |-- atoms
            |-- ComponentName
                |-- index.ts
        |-- molecules
        |-- organisms
        |-- views/pages
        |-- templates
    |-- store
        |-- storeSlice
            |-- sagas.ts
            |-- actions.ts
            |-- reducers.ts
            |-- types.ts
            |-- index.ts
        |-- configuration.ts
    |-- services
        |-- api
            |-- index.ts
        |-- i18n
|-- public
    |-- assets
| tsconfig.json
| package.json
| README.md