Walkthrough and React Fundamentals:

Initialize app

In src/index.jsx

comment out lines 17-34, and replace with:
ReactDOM.render(<div>Hello World</div>, document.getElementById('root')

Fetch data from a variety of devstack apis

Display data in generic JSX

Generate custom display of devstack API data with Paragon components

Send messages to devstack API and update on response

Topics to review:

• How does a react app “initialize”? What is different about MFE initialization? Why?

• Brief understanding of tools:

  • Webpack

  • Babel

  • Eslint

  • Jest

• Helpful simple ES6 syntax

• React components

  • What makes a component?

  • How to define PropTypes?

  • What makes a component update (component lifecycle)?

  • Behavior vs render

  • Basic hooks for render (useState, useEffect)

  • Generic custom hook extraction

  • How to test generic react behavior

• Network interaction

  • What are Promises? How do they work? How do we work with them?

  • How do we make asynchronous network requests?

  • Where should network requests be defined in the project?

  • How do we load data in from network api sources?