🚀

Chanon Roy chanonroy

🚀

Building awesome things for humans. Formerly @Shopify, @wealthsimple.

chanonroy / 5-reduce-array-flatten.js

Created July 26, 2021 11:17

	const nestedData = [1, 2, [3, [4, 5]]]

	const flatten = (arr) => {
	return arr.reduce((acc, cur) => {
	return acc.concat(Array.isArray(cur) ? flatten(cur) : cur)
	}, [])
	}

	const result = flatten(nestedData)

chanonroy / 4-reduce-id-lookup.js

Created July 26, 2021 11:07

	const categories = [
	{ id: 1, label: "Action" },
	{ id: 2, label: "Romance" },
	{ id: 3, label: "Comedy" },
	{ id: 4, label: "Horror" },
	]

	const result = categories.reduce((acc, cur) => {
	const { id, label } = cur
	acc[id] = label

chanonroy / 3-reduce-max-min-value.js

Last active July 26, 2021 11:00

	const data = [
	{ name: "Chanon", age: 28, voted: true },
	{ name: "Tim", age: 20, voted: true },
	{ name: "Sarah", age: 27, voted: true },
	{ name: "Jeff", age: 17, voted: false },
	]

	const result = data.reduce((acc, cur) => {
	return {
	maxAge: Math.max(acc.maxAge, cur.age),

chanonroy / 2-reduce-sum-property.js

Last active July 26, 2021 11:27

	const data = [
	{ name: "Chanon", age: 28, voted: true },
	{ name: "Tim", age: 20, voted: true },
	{ name: "Sarah", age: 27, voted: true },
	{ name: "Jeff", age: 17, voted: false },
	]

	const result = data.reduce((acc, cur) => {
	return {
	totalVotes: acc.totalVotes + (cur.voted ? 1 : 0)

chanonroy / 1-reduce-sum.js

Last active July 26, 2021 11:01

	const data = [1, 2, 3]

	const result = data.reduce((acc, cur) => {
	return acc + cur
	}, 0)

	// result: 6

chanonroy / netflix-advanced-carousel.tsx

Last active December 23, 2021 11:40

	import React, { Component } from "react"
	import {
	ScrollView,
	Animated,
	SafeAreaView,
	ImageBackground,
	Dimensions,
	} from "react-native"

	const OFFSET = 40

chanonroy / netflix-simple-carousel.tsx

Last active April 2, 2021 20:22

	import React, { Component } from "react"
	import {
	View,
	ScrollView,
	SafeAreaView,
	ImageBackground,
	Dimensions,
	} from "react-native"

	const ITEM_WIDTH = Dimensions.get("window").width

chanonroy / react-debounce-regular.tsx

Created February 18, 2021 14:16

	import { debounce } from 'lodash'
	import { track } from './analytics-service'

	export default function App() {
	const [value, setValue] = useState("")

	const trackAnalytics = (val) => {
	if (val) track(val)
	}

chanonroy / react-debounce-use-callback.tsx

Last active February 18, 2021 14:00

	import { debounce } from 'lodash'
	import { track } from './analytics-service'

	export default function App() {
	const [value, setValue] = useState("")

	const trackAnalytics = (val) => {
	if (val) track(val)
	}

chanonroy / wait-for-react-testing.tsx

Last active November 1, 2020 12:45

	export const waitFor = async (cb: any) => {
	let c = 0

	async function f() {
	try {
	await cb()
	} catch (error) {
	if (c < 9) {
	c += 1
	setTimeout(f, 500)