Skip to content

Instantly share code, notes, and snippets.

View casprwang's full-sized avatar

Casper Wang casprwang

View GitHub Profile
let categories = [
{id: 'animals', 'parent': null},
{id: 'mammals', 'parent': 'animals'},
{id: 'dogs', 'parent': 'animals'},
{id: 'chihuahua', 'parent': 'dogs'},
{id: 'labrador', 'parent': 'dogs'},
{id: 'persian', 'parent': 'cats'},
]
let a = 'abcd efg hig'
console.log(a)
console.log(a.split())
console.log(a.split(''))
/*
abcd efg hig
[ 'abcd efg hig' ]
[ 'a', 'b', 'c', 'd', ' ', 'e', 'f', 'g', ' ', 'h', 'i', 'g' ]
*/
@casprwang
casprwang / ES6Case.js
Created December 18, 2016 00:28
ES6 case
function getDrink(type) {
const drinks = new Map([
['coke', () => 'Coke'],
['pepsi', () => 'Pepsi'],
['lemonade', () => 'Lemonade'],
['default', () => 'Default item'],
]);
const drink = drinks.has(type) ? drinks.get(type)() : drinks.get('default')();
return `The drink I chose was ${drink}`;
}
" Lucario - The best colorful flat theme ever
" Author: Raphael Amorim
"
" GitHub project: https://github.com/raphamorim/lucario
set background=dark
highlight clear
set t_Co=256
@casprwang
casprwang / App.js
Created January 2, 2017 14:28
import state and stateless components
import React from 'react';
import ReactDOM from 'react-dom';
import {Header} from './Header' //with state
import Header2 from './Header2' //without state
export class App extends React.Component {
render(){
return (
@casprwang
casprwang / Header2.js
Created January 2, 2017 14:28
stateless component
import React from 'react';
const Header2 = ({age}) =>
<h2 className="Header text-center">
{age}
</h2>
;
Header2.propTypes = {
message: React.PropTypes.string
@casprwang
casprwang / Header.js
Created January 2, 2017 14:29
component with state with {}
import React from 'react';
export class Header extends React.Component {
render() {
// user = {
// name: 'Anna',
// hobbies: 'Gold'
// }
@casprwang
casprwang / Header.js
Created January 3, 2017 15:16
list the items in react
import React from 'react';
// state with render()
class Header extends React.Component {
name = 'name in the class'
render() {
@casprwang
casprwang / .sh
Created January 3, 2017 19:47
github get every branch
$ git clone --bare {repo} .git
$ git config --bool core.bare false
$ git reset --hard
$ git branch
@casprwang
casprwang / factory.js
Created January 5, 2017 03:21
wrong one
const dog = () => {
const sound = 'woof'
return {
talk: () => console.log(sound);
}
}
const bark = dog()
bark.talk()