mannycolon

import React from 'react';
import Button from '@material-ui/core/Button';

const MuiButton = ({ text }) => (
  <Button variant="contained" color="primary">
    {text}
  </Button>
);

export default MuiButton;

mannycolon

A very basic button.

```jsx
<Button text="Hello RCL Devs!" />
```

mannycolon

export { default } from './Button';

mannycolon

import React from 'react';

export default function Button({ text }) {
  return <button>{text}</button>;
}

mannycolon

module.exports = {
  components: 'src/components/**/[A-Z]*.js',
  webpackConfig: {
    module: {
      rules: [
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: "babel-loader"
        }

mannycolon

{
  "presets": [
    [
      "@babel/env",
      {
        "modules": false,
        "useBuiltIns": "usage",
        "corejs": 3
      }
    ],

mannycolon

{
  "name": "sample-react-component-library",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",

mannycolon

PreloadableWorker

There's no way to <link rel=preload> a Web Worker. This fixes that.

npm i -S gist:developit/567dde2346d785b2628224fddbf6783c

<!-- workers are now just a normal script preload: -->
<link rel=preload href=/path/to/worker.js as=script crossorigin>

mannycolon

import React, { Component } from 'react'

class Index extends Component {
  render() {
    return (
      <div className="container">
        <h1>Braintree Next.js App</h1>

        <style jsx>{`
          .loading-container {

mannycolon

People

:bowtie:	😄 :smile:	😆 :laughing:
😊 :blush:	😃 :smiley:	☺️ :relaxed:
😏 :smirk:	😍 :heart_eyes:	😘 :kissing_heart:
😚 :kissing_closed_eyes:	😳 :flushed:	😌 :relieved:
😆 :satisfied:	😁 :grin:	😉 :wink:
😜 :stuck_out_tongue_winking_eye:	😝 :stuck_out_tongue_closed_eyes:	😀 :grinning:
😗 :kissing:	😙 :kissing_smiling_eyes:	😛 :stuck_out_tongue: