improve size badge to use bundlephobia

Author: solkimicreb

README.md

@@ -2,7 +2,7 @@
 
 Simple React state management. Made with :heart: and ES6 Proxies.
 
-[![Build](https://img.shields.io/circleci/project/github/solkimicreb/react-easy-state/master.svg)](https://circleci.com/gh/solkimicreb/react-easy-state/tree/master) [![Coverage Status](https://coveralls.io/repos/github/solkimicreb/react-easy-state/badge.svg)](https://coveralls.io/github/solkimicreb/react-easy-state) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Package size](http://img.badgesize.io/https://unpkg.com/react-easy-state/dist/umd.es6.min.js?compression=gzip&label=minzip_size)](https://unpkg.com/react-easy-state/dist/umd.es6.min.js) [![Version](https://img.shields.io/npm/v/react-easy-state.svg)](https://www.npmjs.com/package/react-easy-state) [![dependencies Status](https://david-dm.org/solkimicreb/react-easy-state/status.svg)](https://david-dm.org/solkimicreb/react-easy-state) [![License](https://img.shields.io/npm/l/react-easy-state.svg)](https://www.npmjs.com/package/react-easy-state)
+[![Build](https://img.shields.io/circleci/project/github/solkimicreb/react-easy-state/master.svg)](https://circleci.com/gh/solkimicreb/react-easy-state/tree/master) [![Coverage Status](https://coveralls.io/repos/github/solkimicreb/react-easy-state/badge.svg)](https://coveralls.io/github/solkimicreb/react-easy-state) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Package size](https://img.shields.io/bundlephobia/minzip/react-easy-state.svg)](https://bundlephobia.com/result?p=react-easy-state) [![Version](https://img.shields.io/npm/v/react-easy-state.svg)](https://www.npmjs.com/package/react-easy-state) [![dependencies Status](https://david-dm.org/solkimicreb/react-easy-state/status.svg)](https://david-dm.org/solkimicreb/react-easy-state) [![License](https://img.shields.io/npm/l/react-easy-state.svg)](https://www.npmjs.com/package/react-easy-state)
 
 <a href="#platform-support"><img src="images/browser_support.png" alt="Browser support" width="450px" /></a>
 

examples/beer-finder/src/Beer.jsx

@@ -5,11 +5,11 @@ import CardMedia from '@material-ui/core/CardMedia'
 import CardContent from '@material-ui/core/CardContent'
 
 class Beer extends Component {
-  store = store({ details: false })
+  store = store({ details: false });
 
-  toggleDetails = () => (this.store.details = !this.store.details)
+  toggleDetails = () => (this.store.details = !this.store.details);
 
-  render() {
+  render () {
     const {
       name,
       image_url: imageUrl,
@@ -19,8 +19,8 @@ class Beer extends Component {
     const { details } = this.store
 
     return (
-      <Card onClick={this.toggleDetails} className="beer">
-        {!details && <CardMedia image={imageUrl} className="media" />}
+      <Card onClick={this.toggleDetails} className='beer'>
+        {!details && <CardMedia image={imageUrl} className='media' />}
         <CardContent>
           <h3>{name}</h3>
           {details ? (

examples/beer-finder/src/NavBar.jsx

@@ -5,10 +5,10 @@ import LinearProgress from '@material-ui/core/LinearProgress'
 import appStore from './appStore'
 
 export default view(() => (
-  <div className="searchbar">
+  <div className='searchbar'>
     <SearchBar
       onRequestSearch={appStore.fetchBeers}
-      placeholder="Some food ..."
+      placeholder='Some food ...'
     />
     {appStore.isLoading && <LinearProgress />}
   </div>