ReactJS performance: is it ok to pass a lot of data through props?
<p>I'm implementing multilingual app.
In order to make isomorphic render with selected language possible, i need to pass data through props directly to components.
I have two options:</p>

<p><strong>1.</strong>
Pass only locale (<code>en</code> or <code>ru</code> etc...) through props and import language file in each component. Result will look like:  <code>lang[this.props.locale].A_SPECIFIC_VARIABLE_NAME</code></p>

<p><strong>2.</strong>
Import language file only in root component, define locale also there and pass whole language file through props to each component. Result will be:<br>
<code>this.props.lang.A_SPECIFIC_VARIABLE_NAME</code></p>

<p>I like the second options more, but i'm worry about performance. Language file is not very big (~50kb for each language), but this is a lot anyway.</p>