Getting Started

Install

Install project dependencies with yarn:

yarn install

Install project pependencies with npm:

npm install

## .npmrc (Required for correct installation)

@valiot:registry=https://npm.pkg.github.com //npm.pkg.github.com/:_authToken=PERSONAL_TOKEN

[Instructions on how to get personal token](https://docs.github.com/en/free-pro-team@latest/github/authenticating-to-github/creating-a-personal-access-token)

# Usage

## Core Components

### Table
Renders a table with the given `headers` and `data`. When `dataPerPage` is present a pagination is show.

```jsx
  headers: ['Header1', 'Header2', 'Header3', 'Header4'],
  data: [['DataA', 'DataB', 'DataC', 'DataD']]

<Table
  headers={headers}
  data={this.props.molds}
  dataPerPage={20}
/>

Available Scripts

yarn build

Build only project components for production

yarn start

Start webpack build with watcher.

Updating a new npm version

npm version [major | minor | patch]

Updating npm version.

npm publish

Publish valiot-framework to npm.

Folder Structure

After creation, your project should look like this:

─── valiot-framework/
  ├── .gitignore
  ├── .npmignore
  ├── CHANGELOG.md
  ├── package.json
  ├── pull_request_template.md
  ├── webpack.config.js
  ├── README.md
  ├── node_modules/
  ├── build/
  │ ├── img/
  │ └── index.js
  └── src/
    ├── assets/
    ├── components/
    ├── coreComponents/
    ├── screens/
    ├── index.js
    └── assets/
      ├── icons/
      ├── images/
      └── stylesheets/
        ├── framework.css
        ├── base/
        ├── layout/
        ├── modules/
        ├── utility/
        └── vendor/

Made by Valiot