# @dynrl/react-responsive-table

> This is a template for creating a new React+TypeScript component npm package. It includes Jest for testing, Prettier for formatting, Storybook for development and TSLint for linting. To create a new pacakage using this template:

Latest version **0.1.0-alpha01** (published 2018-09-06) · 0 weekly downloads

## Install

```sh
npm install @dynrl/react-responsive-table
pnpm add @dynrl/react-responsive-table
yarn add @dynrl/react-responsive-table
bun add @dynrl/react-responsive-table
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0-alpha01 |
| Published | 2018-09-06 |
| First published | 2018-09-06 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 164.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dschomburg, eibbordraw, max.drl, rturnq |

## Links

- npm: https://www.npmjs.com/package/@dynrl/react-responsive-table
- npm.io page: https://npm.io/package/@dynrl/react-responsive-table

## Dependencies (5)

- [react](https://npm.io/package/react.md) ^16.4.1
- [emotion](https://npm.io/package/emotion.md) ^9.2.6
- [react-dom](https://npm.io/package/react-dom.md) ^16.4.1
- [@dynrl/react-theming](https://npm.io/package/@dynrl/react-theming.md) 0.1.0-alpha03
- [@dynrl/create-react-comp-scripts](https://npm.io/package/@dynrl/create-react-comp-scripts.md) 0.1.2-alpha04

## Recent versions

- 0.1.0-alpha01 (latest) — 2018-09-06

## README

# typescript-template

## Getting Started

This is a template for creating a new React+TypeScript component npm package. It includes Jest for testing, Prettier for formatting, Storybook for development and TSLint for linting. To create a new pacakage using this template:

_Note:_ These steps will assume your new package is named `my-package`.

1.  Open a terminal at your local projects directory
2.  `git clone https://git.transim.com/core/npm/react-component-template.git my-package`
3.  `cd my-package`
4.  `rd /s /q .git`
5.  `git init`

then, To add your package to the GitLab npm project:

1.  Create a new project on GitLab in the `npm` group named `my-package`
2.  `git remote add origin https://git.transim.com/core/npm/my-package.git`
3.  `git add .`
4.  `git commit -m "Initial commit"`
5.  `git push -u origin master`

## Structure

- TypeScript files for your component should be placed in the `/src` directoy
- Tests should be written in TypeScript and placed next to the component with the file ending in `.test.tsx`, `.test.ts`, `.spec.tsx` or `.spec.ts`.
- `package.json` contains all the relavent information about your package. The `name` property is particularly important and will be used by npm to refer to your pacakage.
- Additional dependencies can be added using yarn or npm
  ```
  yarn install [-D] <packages>
  ```
  _Note:_ dependencies that are needed at runtime should be installed without a flag. Other dependencies needed during development of the module, such as TypeScript typings, should be installed with the `-D` flag. Avoid using global installed npm packages as they likely will not exists on someone else's machine.

## Building and Testing

Your module will be authored in TypeScript, but will need to be transpiled in to JavaScript to be useful to consumers. To do this:

- Run `yarn` to ensure all required dependencies are installed
- Run `yarn build`

Testing is similar

- Run `yarn`
- Run `yarn test`

Development

- Run `yarn`
- Run `yarn start`

This will start a development server with hot reloadning. You can now open a browser and navigate to http://localhost:9001 to view the storybook.

---
_Source: https://npm.io/package/@dynrl/react-responsive-table · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._