Gerald Yeo geraldyeo

Moving from lodash/fp to ramda

How

Good news is we're only using lodash/fp, which makes it easier to match function signatures.

Find most-used lodash methods, we'll convert these first maybe?
Go through each lodash method, find the ramda equivalent where possible
Write a codemod to rewrite those usages
Who the fuck thought function aliases were a good idea

Transduce

What is transduce? What is it for? This document is intended to help people (such as myself) who would be looking through the ramda docs, find transduce and have no idea if it would be a good fit for my current problem.

	// #1 catch in promise-based
	await step1().catch(fun);
	async function gettingBetter() {
	const a = await step1().catch(err => handle(err));
	const b = await step2().catch(err => handle(err));
	const c = await step3().catch(err => handle(err));
	}

	// #2 create a function handle try catch => [data, error]
	async function awesome() {

	import { useEffect, useState } from 'react';
	import { useRouter } from 'next/router';

	/** Ask for confirmation before changing page or leaving site.
	*
	* @see https://git.io/JOskG
	*/
	const useNavigationLock = (
	isEnabled = true,
	warningText = 'You have unsaved changes – are you sure you wish to leave this page?',

	##################################################################################
	# ELIMINATE SPOTIFY ADS (VERSION 1.2 - 8.5) - ABANDONED FOR NOW #
	##################################################################################
	#
	# NOTE: SOMETIMES ONLY ANNOUNCEMENT OF AN AD WHILE USING APP VERSION 7.5-7.9?-8.x.
	# USING AN OFFICIAL OLDER VERSION SOLVES THIS. TEST IT (APKMIRROR). THIS WILL NOT
	# OCCUR USING CHROMECAST / GOOGLE HOME.
	#
	# COULD NOT SOLVE THE AUDIO AD INRO/OUTRO IN THE APP.
	# SUGGESTIONS? WRITE A COMMENT BELOW.

	axios.interceptors.response.use(function (response) {
	return response;
	}, function (error) {

	const originalRequest = error.config;

	if (error.response.status === 401 && !originalRequest._retry) {

	originalRequest._retry = true;

	// Usually I use this in my app's config file, in case I need to disable all cache from the app
	// Cache is from `js-cache`, something like `import Cache from 'js-cache';`
	const cacheable = true,
	cache = new Cache();

	// On request, return the cached version, if any
	axios.interceptors.request.use(request => {

	// Only cache GET requests
	if (request.method === 'get' && cacheable) {

	/**
	* Sample React Native App
	* https://github.com/facebook/react-native
	* @flow
	*/

	import React, { Component } from 'react';
	import {
	AppRegistry,
	StyleSheet,

	/* @flow */

	import React from 'react'
	import ReactDOM from 'react-dom'

	type FunctionComponent<A> = (props: A) => ?React$Element<any>;

	type ClassComponent<D, A, S> = Class<React$Component<D, A, S>>;

	type Component<A> = FunctionComponent<A> \| ClassComponent<any, A, any>;

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {