1.0.5 ā¢ Published 6 years ago
vraw v1.0.5
vraw
š± Vraw is a implementation of react stateless components that can be used as a npm package in your projects.
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