vraw

Vraw is a implementation of react stateless components that can be used as a npm package in your projects.

Showing:

Popularity

Downloads/wk

7

GitHub Stars

3

Maintenance

Last Commit

4yrs ago

Contributors

7

Package

Dependencies

2

Size (min+gzip)

3.4KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

vraw

latest release travis ci build status percentage of code coverage by tests minimum node version code style: prettier commitizen friendly semantic release

🌱 Vraw is a implementation of react stateless components that can be used as a npm package in your projects.

Vraw Logomark with text "vraw" under the symbol

Usage

using npm:

$ npm install vraw --save

in code:

import React, { Component } from "react";
// importing Clock component
import { Clock } from "vraw";

class App extends Component {
  render() {
    return (
      // using Clock component
      <Clock msg="It works!" date={new Date()} />
    );
  }
}

export default App;

Motivation

Components are cool! We should use them everywhere. So, you expent time developing a lot of components and now you want to reuse them in another awesome project & all your projects need your components updated when a new feature is released (and you also need typechecking, tests, hot module replacement & all the good stuff).

Directory Structure

.
├── src
|   └── components
|       └── MyComponent                 # Your component
|           ├── MyComponent.story.tsx   # Storybook of your component
|           ├── MyComponent.test.tsx    # Jest + Enzyme tests
|           ├── MyComponent.tsx         # Its JSX + Typescript file
|           ├── MyComponent.types.ts    # Types for props
|           └── index.ts                # Export Component
|       └── MyComponentX                # Another component X
|       └── MyComponentY                # Another component Y
|       └── MyComponentZ                # Another component Z
|       └── stories.tsx                 # Storybook config file
├── dist
|    └── index.js                       # Exporting all Componentss

Features

  • React
  • Typescript
  • Storybook
  • Jest
  • Enzyme
  • Webpack
  • Prettier
  • Commitizen

Workflow

See presentation

Repository Workflow

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100