Skip to content

Instantly share code, notes, and snippets.

View chuyihuang's full-sized avatar

Bamboo Huang chuyihuang

View GitHub Profile
@chuyihuang
chuyihuang / week_2_demo_6.js
Created August 13, 2017 16:23
React Native workshop #2 snippet
import React, { Component } from 'react';
import { View, TextInput } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null
}
}
componentWillReceiveProps() {
@chuyihuang
chuyihuang / week_2_demo_7.js
Created August 13, 2017 16:35
React Native workshop #2 snippet
import React, { Component } from 'react';
import { View, TextInput, Text } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null
}
}
@chuyihuang
chuyihuang / App.js
Created August 29, 2017 08:12
week_3_demo_1
import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null
}
}
@chuyihuang
chuyihuang / App.js
Last active August 29, 2017 09:00
week_3_demo_2
import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null,
todos: [],
}
@chuyihuang
chuyihuang / App.js
Created August 29, 2017 09:02
week_3_demo_3
import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null,
todos: [],
}
@chuyihuang
chuyihuang / store.js
Created August 29, 2017 09:31
week_3_demo_4
import {createStore} from 'redux';
import indexReducer from './reducers/indexReducer';
const store = createStore(indexReducer);
export default store;
@chuyihuang
chuyihuang / App.js
Created August 29, 2017 09:45
week_3_demo_5
import React, { Component } from 'react';
import { View, TextInput, Text, Button } from 'react-native';
import store from './app/store';
import * as Types from './app/types';
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
value: null,
@chuyihuang
chuyihuang / todos.js
Last active August 29, 2017 10:29
week_3_demo_6
import * as Types from '../types';
const initialState = [];
export default function(state = initialState, action = {}) {
switch (action.type) {
case Types.ADD_TODO:
return [...state , action.payload];
case Types.TOGGLE_TODO:
let filteredTodos = state.filter((todo) => todo.id !== action.payload.id);
@chuyihuang
chuyihuang / indexReducer.js
Created August 29, 2017 09:57
week_3_demo_7
import {combineReducers} from 'redux';
import todos from './todos';
const indexReducer = combineReducers({
todos,
});
export default indexReducer;
@chuyihuang
chuyihuang / App.js
Created August 29, 2017 10:14
week_3_demo_8
// @flow
import React from 'react';
import { Provider } from 'react-redux';
import store from './app/store';
import Todo from './app/components/Todo'
const App = (props) => {
return (
<Provider store={store}>