1. Code Academy: React-101 https://www.codecademy.com/learn/learn-advanced-react
2. Typescript + React CheatSheet: A Best Practices Guide for Using Typescript and React

[https://stackoverflow.com/questions/59988667/typescript-react-fcprops-confusion](https://stackoverflow.com/questions/59988667/typescript-react-fcprops-confusion)

"It provides typechecking and autocomplete for static properties like displayName, propTypes, and defaultProps - However, there are currently known issues using defaultProps with React.FunctionComponent. See this issue for details - scroll down to our defaultProps section for typing recommendations there."

Source : https://www.freecodecamp.org/news/context-api-in-react/

• Providers create a store.
• Context is how access the store.
• This avoids 'prop drilling'. Prop drilling means passing your props down through several layers before it reaches the right component. This adds unnecessary bulk to your code and can confuse if the prop is doing nothing but being passed down to a child component.
• BEFORE : Image show prop drilling
  
• AFTER: Image shows Context API usage