...
11AM EST: http://meet.google.com/ezm-juos-uci https://drive.google.com/file/d/1EkRGOkxOB1J-rRW6KMDG3aOJJ5FZjHe3/view?usp=drive_link
Meet and give overview
Create Git repository
Copy template repo
Configure devstack to allow api connection
“What is a UI?”
1PM-3PM EST: http://meet.google.com/zmo-kkbi-szh https://drive.google.com/file/d/1PyfidlP22_JGdlRpMTCWmR_aMCaBAqlb/view?usp=drive_link
Walkthrough and React Fundamentals:
Initialize app
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?
...