# @talend/scripts-preset-react-lib

> Preset for talend/scripts-core

Latest version **14.0.1** (published 2022-11-28) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @talend/scripts-preset-react-lib
pnpm add @talend/scripts-preset-react-lib
yarn add @talend/scripts-preset-react-lib
bun add @talend/scripts-preset-react-lib
```

## Health

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

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 14.0.1 |
| Published | 2022-11-28 |
| First published | 2019-05-20 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 12.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 159 |
| Author | Talend Frontend |
| Maintainers | talend-frontend |

## Links

- npm: https://www.npmjs.com/package/@talend/scripts-preset-react-lib
- Repository: https://github.com/Talend/ui
- Homepage: https://github.com/Talend/ui/tree/master/packages/ui-scripts#readme
- Issues: https://github.com/Talend/ui/issues
- npm.io page: https://npm.io/package/@talend/scripts-preset-react-lib

## Dependencies (9)

- [@talend/scripts-config-cdn](https://npm.io/package/@talend/scripts-config-cdn.md) ^10.5.3
- [@talend/scripts-config-jest](https://npm.io/package/@talend/scripts-config-jest.md) ^11.1.0
- [@talend/scripts-config-babel](https://npm.io/package/@talend/scripts-config-babel.md) ^11.0.0
- [@talend/scripts-config-eslint](https://npm.io/package/@talend/scripts-config-eslint.md) ^11.0.0
- [@talend/scripts-config-prettier](https://npm.io/package/@talend/scripts-config-prettier.md) ^11.0.0
- [@talend/scripts-config-stylelint](https://npm.io/package/@talend/scripts-config-stylelint.md) ^2.0.0
- [@talend/scripts-config-typescript](https://npm.io/package/@talend/scripts-config-typescript.md) ^11.0.0
- [@talend/scripts-config-react-webpack](https://npm.io/package/@talend/scripts-config-react-webpack.md) ^15.0.0
- [@talend/scripts-config-storybook-lib](https://npm.io/package/@talend/scripts-config-storybook-lib.md) ^3.0.0

## Recent versions

- 14.0.1 (latest) — 2022-11-28
- 12.0.0-rc.2 (next) — 2022-03-18
- 14.0.0 — 2022-10-04
- 13.0.0 — 2022-09-06
- 12.0.2 — 2022-07-27
- 12.0.1 — 2022-07-07
- 12.0.0 — 2022-07-01
- 11.0.4 — 2022-06-28
- 11.0.3 — 2022-04-28
- 12.0.0-rc.1 — 2022-03-18
- 11.0.2 — 2022-03-11
- 11.0.1 — 2022-03-10
- 11.0.0 — 2022-03-10
- 9.12.5 — 2022-03-09
- 9.12.4 — 2022-03-03
- … 197 more at https://npm.io/package/@talend/scripts-preset-react-lib/versions

## README

# Talend Preset

This is a preset for @talend/scripts-core. It holds most of Talend projects tools configuration for hybrid angularJS/react webapp.

This preset allows some customisation through specific entry points. The configuration is done via `talend-scripts` configuration file.

## Customisation

* [Babel customisation](../config-babel/README.md)
* [Eslint customisation](../config-eslint/README.md)
* [Jest customisation](../config-jest/README.md)
* [Typescript customisation](../config-typescript/README.md)

## Details

### Babel

* [Babel configuration](../config-babel/.babelrc.json)

### Jest

| Configuration | Description |
|---|---|
| moduleNameMapper | * `jpg/jpeg/png/gif/eot/otf/webp/svg/woff/woff2` are mocked with an empty object<br/>* `css/scss` are mocked with an object that adds a `theme` prefix to the requested classname. Example: `drawer` will result to `theme-drawer`. This is used to spot the classnames that come from css modules. |
| rootDir | You app root folder |
| setupFilesAfterEnv | * It configures enzyme with react 16 adapter<br/>* It mocks fetch with `(url, { response }) => promise that resolved response` |
| testEnvironment | It uses [`jest-environment-jsdom-global`](https://github.com/simon360/jest-environment-jsdom-global/blob/master/README.md) |
| testRegex | Jest will execute all the files that ends with `.test.js` in your `src/` folder. |
| transform | It transforms js files via babel, using the same [babel configuration](../config-babel/.babelrc.json) as webpack. |

### Eslint

The linter is based on airbnb configuration, with some customisation.
[Eslint configuration](../config-eslint/.eslintrc)

### Typescript

* [Typescript configuration](../config-typescript/tsconfig.json)

---
_Source: https://npm.io/package/@talend/scripts-preset-react-lib · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._