📦 Libraries

Libraries is a front-end javascript mono-repo of React and vanilla JS packages.

About

Features

✅ Javascript modules written with typescript
✅ Unit tests with jest
✅ Libraries standalone package
✅ Storybook documentation

Summary

Libraries is WIP, You can check future plan.

react-components

• react-grid-layout
• react-responsive-image
• react-video-player
• react-metas

react-hooks

• use-async-effect
• use-bounding-client-rect
• use-did-update
• use-document-scroll-top
• use-is-in-viewport
• use-responsive-image-data
• use-window-size

utils

• fake-data-utils
• metas-manager

libraries

• libraries

How to use

Install specific module

Each modules can be imported separately like this:

$ npm install -s @wbe/react-responsive-image

import ResponsiveImage from "@wbe/react-responsive-image";

Install libraries standelone package

All modules are imported in a single one package libraries.

$ npm install -s @wbe/libraries

import { ResponsiveImage } from "@wbe/libraries";

Documentation

All modules documentations are available on https://willybrauner.github.io/libraries

Contribute

For all those who wish to contribute, feel free to submit a pull request. You can submit a new module with the scaffolder tool.

Clone the repos and move to repos folder:

$ git clone git@github.com:willybrauner/libraries.git libraries && cd libraries

Install all dependencies:

$ npm i && lerna bootstrap

Scaffold a new module (will prepare a ready-made module file structure):

$ npm run scaffold

Credits

Libraries is developed and maintained by Willy Brauner, front-end developer at Cher Ami and as freelance.

Licence

MIT