title: What's The React Way To Handle Shared Helper Functions?
body: <p>I'm somewhat new to React, and I'm trying to figure out where the best place is to put various functions that need to be used across my app. </p>
  
  <p>For example, I have a function some code that returns a <code>document_type</code> key based on the document extension that is passed to it. </p>
  
  <p>I also have a <code>romanize</code> function that takes a number and turns it into a roman numeral. </p>
  
  <p>I also have a set of functions that are grouped around making API calls and parsing the response.</p>
  
  <p>All of these need to be accessed in various places across the app. It's my understanding that the "React Way" is composability through component creation, but it's hard for me to see how these would make sense as components since components have to return JSX I believe. </p>