Skip to content

Instantly share code, notes, and snippets.

View dabit3's full-sized avatar
🎡
probably nothing

Nader Dabit dabit3

🎡
probably nothing
View GitHub Profile
@dabit3
dabit3 / rootReducer.js
Created December 7, 2016 22:46
Navigation Card Stack implementation with Redux - rootReducer
import { combineReducers } from 'redux'
import navState from './navReducer'
const rootReducer = combineReducers({
navState
})
export default rootReducer
@dabit3
dabit3 / configureStore.js
Created December 7, 2016 22:46
Navigation Card Stack implementation with Redux - configureStore
import { createStore, applyMiddleware } from 'redux'
import rootReducer from './rootReducer'
export default function configureStore () {
const store = createStore(rootReducer)
if (module.hot) {
module.hot.accept(() => {
const nextRootReducer = require('./rootReducer').default
store.replaceReducer(nextRootReducer)
})
@dabit3
dabit3 / Home.js
Created December 7, 2016 22:49
Navigation Card Stack implementation with Redux - Home
import React from 'react'
import { View, Text } from 'react-native'
import { connect } from 'react-redux'
import { push } from './navActions'
const styles = {
container: {
justifyContent: 'center',
alignItems: 'center',
flex: 1
@dabit3
dabit3 / About.js
Created December 7, 2016 22:49
Navigation Card Stack implementation with Redux - About
import React from 'react'
import { View, Text } from 'react-native'
import { connect } from 'react-redux'
import { pop } from './navActions'
const styles = {
container: {
justifyContent: 'center',
alignItems: 'center',
flex: 1
@dabit3
dabit3 / NavRootContainer.js
Created December 7, 2016 22:55
Navigation Card Stack implementation with Redux - NavRootContainer
import { connect } from 'react-redux'
import NavigationCardStack from './NavigationCardStack'
import { push, pop} from './navActions'
function mapStateToProps (state) {
return {
navState: state.navState,
}
}
export default connect(
mapStateToProps,
@dabit3
dabit3 / NavigationCardStack.js
Last active December 7, 2016 22:58
Navigation Card Stack implementation with Redux - NavigationCardStackExample
import React, { Component, PropTypes } from 'react'
import { View, Text, NavigationExperimental } from 'react-native'
import Home from './Home'
import About from './About'
const {
CardStack: NavigationCardStack,
Header: NavigationHeader,
} = NavigationExperimental
@dabit3
dabit3 / index.ios.js
Last active February 18, 2017 18:58
Medium - redux4ways - index.js
import React from 'react'
import {
AppRegistry
} from 'react-native'
import { Provider } from 'react-redux'
import configureStore from './configureStore'
import App from './app'
const store = configureStore()
@dabit3
dabit3 / dataReducer.js
Created February 18, 2017 18:39
Medium - redux4ways - dataReducer.js
import { FETCHING_DATA, FETCHING_DATA_SUCCESS, FETCHING_DATA_FAILURE } from '../constants'
const initialState = {
data: [],
dataFetched: false,
isFetching: false,
error: false
}
export default function dataReducer (state = initialState, action) {
switch (action.type) {
@dabit3
dabit3 / actions.js
Created February 18, 2017 18:43
Medium - redux4ways - actions.js
import { FETCHING_DATA, FETCHING_DATA_SUCCESS, FETCHING_DATA_FAILURE } from './constants'
export function getData() {
return {
type: FETCHING_DATA
}
}
export function getDataSuccess(data) {
return {
@dabit3
dabit3 / constants.js
Created February 18, 2017 18:50
Medium - redux4ways - constants.js
export const FETCHING_DATA = 'FETCHING_DATA'
export const FETCHING_DATA_SUCCESS = 'FETCHING_DATA_SUCCESS'
export const FETCHING_DATA_FAILURE = 'FETCHING_DATA_FAILURE'