Ready-made composed Victory components
Clone or download
ryan-roemer `webpack@4` / `webpack@next` will support `package.json:sideEffects: …
…false` wherein libraries can indicate their ESM re-exports are side effect free and can be much more efficiently removed for smaller, faster final bundles. (#14)

Lodash has already rolled out this change in
https://unpkg.com/lodash-es@4.17.5/package.json

## Issues

This was originally uncovered / discussed at length in:

* webpack/webpack#1750

This PR should resolve the issues discussed in:

* FormidableLabs/victory#549
* FormidableLabs/redux-little-router#262

## Changes

* Add `sideEffects: false` to `package.json` to allow webpack4 tree-shaking to actually remove all unused code.

> This PR has been automatically opened by your friendly [`multibot`](https://github.com/FormidableLabs/multibot/). The transform code and documentation is available at: https://github.com/FormidableLabs/multibot-examples/tree/master/transforms/webpack-side-effects
Latest commit 8e307cf Mar 15, 2018

README.md

formidable-charts

Ready-made composed Victory Components!


demo

Getting Started

formidable-charts is a set of composed, pre-styled Victory components that can be used to display rich, interactive charts. Our theming system not only supports style based theming, but behavioral/compositional theming as well.

  1. Add formidable-charts to your project

    npm install formidable-charts --save

For React Native, you'll need -native and react-native-svg:

npm install -native formidable-charts react-native-svg --save
react-native link react-native-svg
  1. Add your first formidable-charts component:

    import React, { Component } from 'react';
    import { render } from 'react-dom';
    import { LineChart } from 'formidable-charts';
    
    class MyLineChart extends Component {
     render() {
       return (
         <LineChart />
       );
     }
    }
    
    render(<MyLineChart />, document.getElementById('app'));
  2. Explore the API and try out the various possible components and configurations and their themes!

Development

# Run the demo app server
$ npm start

# Open the demo app
$ open http://localhost:3000

# Run tests
$ npm test

For more on the development environment, see DEVELOPMENT in the project builder archetype.

Contributing

Please review our Code of Conduct before contributing.

For a detailed contribution guide, please see CONTRIBUTING in the project builder archetype.

IMPORTANT

This project is in a pre-release state. We're hard at work fixing bugs and improving the API. Be prepared for breaking changes!