Skip to content

Instantly share code, notes, and snippets.

View syamjayaraj's full-sized avatar
🎯
Focusing

Syamlal CM syamjayaraj

🎯
Focusing
22 followers · 8 following
View GitHub Profile
@syamjayaraj
syamjayaraj / App.js
Created August 7, 2018 18:49
_toggleDonorPost(){
this.setState({
isSubmited: false
})
}
@syamjayaraj
syamjayaraj / App.js
Last active August 7, 2018 19:47
render() {
return (
<Container>
<Header androidStatusBarColor="#af1313" style={{ backgroundColor: '#d11919' }}>
<Body style = {{ flex: 1, flexDirection: 'column', justifyContent: 'center', alignItems: 'center', }}>
<Title>BLOOD DONORS</Title>
</Body>
</Header>
@syamjayaraj
syamjayaraj / index.js
Created December 7, 2018 05:24
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import CounterComponent from './containers/CounterComponent'
import store from './store'
render(
<Provider store={store}>
<CounterComponent />
</Provider>,
@syamjayaraj
syamjayaraj / CounterComponent.js
Created December 7, 2018 05:43
import React, {Component} from 'react'
import Button from '../components/Button'
import {connect} from 'react-redux'
import {incrementCount, decrementCount} from '../actions/index'
class CounterComponent extends Component{
handleBtnActionIncrement = () => {
this.props.onIncrementClick(this.props.count)
}
@syamjayaraj
syamjayaraj / Button.js
Created December 7, 2018 05:54
import React from 'react'
const Button = (props) => {
return(
<div>
<button onClick = {props.action} >{props.buttonTitle}</button>
</div>
)
}
@syamjayaraj
syamjayaraj / index.js
Last active December 7, 2018 05:56
export const incrementCount = count => {
const num = count+1
return {
type: 'INCREMENT_COUNT',
count: num
}
}
export const decrementCount = count => {
const num = count - 1
@syamjayaraj
syamjayaraj / index.js
Last active December 7, 2018 06:12
import {combineReducers} from 'redux'
import CounterReducer from '../reducers/CounterReducer'
export default combineReducers({
counter: CounterReducer,
})
@syamjayaraj
syamjayaraj / counterReducer.js
Last active December 7, 2018 06:11
const initialState = {
count: 0,
}
function CounterReducer (state = initialState, action){
switch(action.type){
case "INCREMENT_COUNT": {
return {...state, ...action}
}
case "DECREMENT_COUNT": {
@syamjayaraj
syamjayaraj / index.js
Created December 7, 2018 11:13
import {applyMiddleware, createStore} from 'redux'
import logger from 'redux-logger'
import rootReducer from '../reducers'
const store = createStore(rootReducer, applyMiddleware(
logger
))
export default store
@syamjayaraj
syamjayaraj / index.js
Created December 9, 2018 13:23
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import CounterComponent from './containers/CounterComponent'
import store from './store'
render(
<Provider store={store}>
<CounterComponent />
</Provider>,