React Library

Related: Ionic | Ionic React | React | Javacript

Reference

• ronadams.org
  • Code Examples
  • Hooks
    • useReducer
• React Router
• reactjs.org
• React Docs
  • Context
    • Componsition vs Inheritance
      • Explains props.children which references anything inside the <MyComponent></MyComponent> tags. Example
    • Render Props
      • “…technique for sharing code between React components using a prop whose value is a function.”

How To

• Using localStorage with React Hooks (blog.logRocket.com, 2021)

Articles

• A Model View Controller Pattern for React (Tommy Groshong, 2019)
• Elements of MVC in React (Daniel Dughila on medium.com, 2020)
• React Patterns

Installation Steps for Local Development

• Node
  • Download Installation File from Node website.
    • Use the latest LTS version, if you are not sure which version to use.
  • Install Node
• Create React App
  • npx create-react-app my-app [1]
• Optional: Ionic Framework
  • https://ionicframework.com/docs/intro/cli
• Reference:
  • [1] https://github.com/facebook/create-react-app#creating-an-app

Installation Related Links

• Alternative Installation Instructions reactjs.org > Tutorial: Intro to React > Setup for the Tutorial > Setup Option 2: Local Development Environment
• Create React App - GitHub
• Ionic + React - Tutorial for Beginners 2020 (Academind on YouTube, 2020)
  • Timestamp breakdown for this video
• Node
• Other Ways to Try React

Tools

• VS Code
• https://react.new
  • Takes you to codesandbox.io and show you your code
• React Developer Tools offered by Facebook
  • Browser extension
  • Google search: Chrome Web Store React Developer Tools
  • Adds Components tab
  • Also available for Mac and Firefox