title: When to use private/protected methods in Typescript with React
body: <p>I am currently working on a <strong>React</strong> application with Typescript. When a component should provide a functionality with a ref a usually use a <strong>public</strong> method (<code>public focus() : void {...}</code>), but I cannot decide when a component's method should be <strong>private</strong> and when <strong>protected</strong>. </p>
  
  <p>I know that private and protected members are both accessible from the transpiled code, so the accessibility is basically the same during execution. So rather my question is: <strong>as best practice (wrt. a React component), which methods should be marked as private/protected and why</strong>(event handlers, custom handlers, component logic, etc.)? </p>