cra-template-vanluren

1.0.0 • Public • Published

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

Package Sidebar

Install

npm i cra-template-vanluren

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

40.8 kB

Total Files

29

Last publish

Collaborators

  • vanluren