This file contains 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 * as React from 'react' | |
import { render } from 'react-dom' | |
import { PieChart, Pie, Cell } from 'recharts' | |
const data = [ | |
{ | |
name: 'Low thing', | |
value: 3, | |
color: '#d0d0d0', | |
}, |
This file contains 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
// require your modules | |
var express = require('express') | |
var bodyParser = require('body-parser') | |
// create instance of express | |
var app = express() | |
// let app use body-parser | |
// this one is parsing application/x-www-form-urlencoded | |
app.use(bodyParser.urlencoded({ extended: false })) |
This file contains 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
export default 'http://play.typeracer.com/?rt=i5gfna57v' |
This file contains 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
function flookThis (input) { | |
console.log(input) | |
} |
This file contains 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
// example | |
// don't overthink this too much | |
class X extends PureComponent { | |
// constructor equivalent for creating initial state | |
state = { | |
something: '' | |
} | |
// function that returns another function | |
changeReturn = () => e => { |
This file contains 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
.icon::before { | |
animation: cc 5s infinite linear; | |
} | |
@keyframes cc { | |
0% { | |
color: #fff; | |
} | |
10% { |
This file contains 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 E extends PureComponent { | |
changeText = e => { | |
this.setState({ | |
text: e.target.value | |
}); | |
} | |
render() { | |
return ( | |
<div onClick={this.changeText} /> |
This file contains 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
activate-power-mode@1.4.0 | |
apex-syntax@0.1.0 | |
apex-ui@0.2.1 | |
ariake-dark-syntax@0.1.3 | |
atom-beautify@0.29.24 | |
atom-clock@0.1.7 | |
atom-material-syntax@1.0.6 | |
atom-material-ui@1.3.10 | |
atom-ternjs@0.18.3 | |
aurora-theme@1.2.2 |
This file contains 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 FirstComponent extends Component { | |
state = { | |
a: 2 | |
} | |
changeState = val => { | |
this.setState({ | |
a: val | |
}) | |
} |
This file contains 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
// smart boi with redux would do it like this | |
store = { | |
notification: { | |
status: 'error', | |
message: 'Error message' | |
} || { | |
status: 'success', | |
message: 'Success message' | |
} | |
} |