This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
my-MBP:create-react-app-flow me$ npm i | |
> [email protected] install /Users/me/Documents/code/create-react-app-flow/node_modules/fsevents | |
> node install | |
[fsevents] Success: "/Users/me/Documents/code/create-react-app-flow/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" alrea | |
dy installed | |
Pass --update-binary to reinstall or --build-from-source to recompile | |
> [email protected] postinstall /Users/me/Documents/code/create-react-app-flow/node_modules/uglifyjs-webpack-plugin |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "project-manager", | |
"version": "0.1.0", | |
"private": true, | |
"dependencies": { | |
"react": "^16.2.0", | |
"react-dom": "^16.2.0", | |
"react-scripts": "1.1.0" | |
}, | |
"scripts": { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import React, { Component } from 'react'; | |
import logo from './logo.svg'; | |
import './App.css'; | |
type Props = { | |
name: string, | |
age: number, | |
DOB: number, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import React from 'react'; | |
type Props = { | |
tasks: Array<Object>, | |
}; | |
type State = { | |
isInProgress: boolean |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import React from 'react'; | |
type Props = { | |
tasks: Array<Object>, | |
}; | |
type State = { | |
isInProgress: boolean |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// @flow | |
import React from 'react'; | |
type Props = { | |
tasks: Array<Object>, | |
}; | |
type State = { | |
isInProgress: boolean |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class Task extends React.Component { | |
constructor(props: Object) { | |
super(props); | |
this.state = { isInProgress: true }; | |
this.updateStatus = this.updateStatus.bind(this); | |
} | |
updateStatus = function () { | |
this.setState({ isInProgress: !this.state.isInProgress }); | |
} | |
render() { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Task from './Task'; | |
// type tTask = { | |
// title: string, | |
// details: string, | |
// ID: number | |
// } | |
// type tProps = { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { Component } from 'react'; | |
// type tTask = { | |
// title: string, | |
// details: string, | |
// } | |
class Task extends Component { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Blah.propTypes = { | |
someObj = { | |
name: PropTypes.string, | |
age: PropTypes.number | |
} | |
} |