Ranatchai Chernbamrung Ranatchai

Ranatchai / app.js

Created August 9, 2019 05:14

Apollo client state Example

	import { clientState } from './src/state/clientState'

	const client = new ApolloClient({
	clientState
	})

	export default class App extends React.Component {
	render() {
	return (
	<ApolloProvider client={client}>

Ranatchai / HistoryStack.js

Created August 8, 2019 03:48

	import React from 'react'
	import { withRouter } from 'utils/native'
	import { some } from 'lodash'

	export const HistoryStackContext = React.createContext()

	export const HistoryStackConsumer = HistoryStackContext.Consumer
	export const HistoryStack = withRouter(
	class HistoryStack extends React.Component {
	constructor(props) {

Ranatchai / TrackPageView.js

Created March 10, 2019 08:01

	import React from 'react'
	import { withRouter } from 'react-router-dom'
	import { track } from './tracker'
	import { getQueryParams } from './utils/params'
	import { EVENT_PAGE_VIEW } from './utils/event'
	import ReactGA from 'react-ga'

	export const TrackPageView = withRouter(
	class TrackPageView extends React.Component {
	componentDidMount() {

Ranatchai / react-mixpanel-dynamic-tracking.js

Last active September 12, 2021 22:15

	import React from 'react'

	const MIXPANEL_TOKEN = '' // token here
	const appProperties = {}
	const _waitTracking = []
	let mixpanel = null
	let isInit = false

	/*
	always load mixpanel dynamic because it's huge https://github.com/mixpanel/mixpanel-js/issues/128

Ranatchai / orientation.js

Last active November 12, 2018 21:51

React Native Orientation Listener

	function onOrientationChange(callback) {
	Dimensions.addEventListener('change', () => {
	const { width, height } = Dimensions.get('window')
	const orientation = width > height ? 'landscape': 'portrait'
	callback(orientation)
	})
	}

	onOrientationChange((orientation) => {
	this.setState({ orientation })

Ranatchai / override-antd-style.js

Created December 20, 2017 11:03

	import { Progress } from 'antd'
	import React, { PureComponent } from 'react'
	import styled, { injectGlobal } from 'styled-components'

	const StyledProgress = styled(Progress)`
	display: block;
	width: 200px;
	margin-top: 2px;
	.ant-progress-outer {
	display: block;