@kpn-style/cra-template-kpn-style-react

    1.0.2 • Public • Published

    CRA Template for KPN Style

    This templates includes:

    • kpn-style
    • kpn-style-react
    • reach-router
    • react-testing-library

    The Layout is already defined, and ready to be used with some examples which can be used or removed.

    The functionality for the menu is also implemented.

    There are some examples for the routes.

    Usage

    Initialize your project just by running any of the following commands

    yarn

    yarn create react-app my-app --template @kpn-style/cra-template-kpn-style-react

    npm

    npm init react-app my-app --template @kpn-style/cra-template-kpn-style-react

    Meaning of folders

    components: Any shared component or component that don't belong to the screens can stay here.

    screens: Components living in this folder should map to a url.

    The following components will be match to the urls / and info

    screens/
    ├── Home.js
    └── Information.js

    Of course folder modules can be used inside the screen folder, specially for nested routes info/locations could be

    screens/
    ├── Home.js
    └── info/
        ├── Information.js
        └── Location.js

    Install

    npm i @kpn-style/cra-template-kpn-style-react

    DownloadsWeekly Downloads

    8

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    109 kB

    Total Files

    22

    Last publish

    Collaborators

    • benbesuijen
    • coenkoopmans
    • jordy.bulten
    • woile