It's hard to know if this is due to the way the article is written but it seems like you're sacrificing both developer ergonomics and runtime performance in this situation. I am curious to hear about similar scenarios in competing frameworks like Vue.
That doesn't make any sense. Whatever's happening there, highly unlikely it is due to React. I've run React apps on iOS for years with none of those issues.
If you know that a given style object is never going to change, you can hoist it out of your component's render method into the module scope yourself.
https://babeljs.io/docs/plugins/transform-react-constant-ele...