,
6 tweets,
5 min read
Read on Twitter
👁️👁️Watch me refactor an simple API in four simple steps. (a twitter thread). ⚠️Warning, may contain currying and partial application 😉
#javascript #es6
#javascript #es6
Refactoring Step 1: Eliminate the code `.then(response => response.data)` in each function by extracting this to a function called `getResponseData`.
#javascript #es6
#javascript #es6
Refactoring Step 2: Eliminate the URLs from each function by extracting this to a function called `createUrl`. The function will create a url based off the category and id.
#javascript #es6
#javascript #es6
Refactoring Step 3: Eliminate the code `getResponseData(createUrl(` from each function by extracting this into a function called `getData`. If we are always calling these two functions together, then it makes sense to compose these into a function.
#javascript #es6
#javascript #es6
Refactoring Step 4: Convert `getData` into a curried function. This will let us use Partial Application to apply the category argument. You can also use `bind` like `getData.bind(null, 'people')` to partially apply a non-curried function. I prefer curried syntax.
#javascript #es6
#javascript #es6
Refactoring (Optional) Step: Curry `createUrl` and convert `getData` to use Ramda's `pipe`. This is optional, as it doesn't add as much value compared to the other steps. I would only do this if the the entire app was written in this style.
#javascript #es6
#javascript #es6
