joshuacrass

node_modules/
build/

joshuacrass

// @flow
import React from 'react';
import type { Element } from 'react';

type Props = {
  children: string,
};

const Button = (props: Props): Element<'button'> => {
  const { children } = props;

joshuacrass

{
  "extends": ["airbnb", "prettier", "prettier/flowtype", "prettier/react"],
  "plugins": ["flowtype", "react", "prettier"],
  "parser": "babel-eslint",
  "rules": {
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", "jsx"]
      }

joshuacrass

// @flow
import React from 'react';
import { hot } from 'react-hot-loader';
import Button from 'Components/button';
import style from './app.css';

const App = () => {
  // define the button text and give it a type of string
  const buttonText: string = 'Click Me';

joshuacrass

// @flow
import React from 'react';

// 'children' is required and must be a string
type Props = {
  children: string,
};

const Button = (props: Props) => {
  // destructure the children from props

joshuacrass

[ignore]

[include]

[libs]

[lints]

[options]

joshuacrass

// @flow
import React from 'react';
import { hot } from 'react-hot-loader';
import Button from 'Components/button';
import style from './app.css';

const App = () => (
  <div className={style.app}>
    React Starter
    <span role="img" aria-label="rocket ship">

joshuacrass

{
  "presets": ["@babel/preset-env", "@babel/react", "@babel/flow"],
  "plugins": ["react-hot-loader/babel"]
}

joshuacrass

rules:
  leading-zero: 0
  function-name-format:
    - 2
    - allow-leading-underscore: false
      convention: camelcase
  mixin-name-format:
    - 2
    - allow-leading-underscore: false
      convention: camelcase

joshuacrass

import React from 'react';
import { hot } from 'react-hot-loader';
import Button from 'Components/button';
import style from './app.scss';

const App = () => (
  <div className={style.app}>
    React Starter
    <span role="img" aria-label="rocket ship">
      🚀