React course outline

react-course-outline.md

• React: the principles
  • Declarative UI programming: don't say how to get the UI in a given state, define what you'd like the UI to be and let React do it for you
  • f(data) -> UI is a React Component
  • Like functions components can be composed
• Create a new React R+ project with VSCode (and the R+ extension)
• First component: return JSX and R+ UI widgets in a function: the function is the component!
• R+ Layout in React: use child properties and other R+ layout idioms like you would do with BML
• Compenents can take props: parameterize our first component: map data to UI!
• Introducing state through the useState hook: we still map data to UI!
• Use any JS expression to model the UI output: conditional rendering with ternary operator and repeated rendering with Array.prototype.map
• Learn how to lift state up: put your state in the closest place to its uses while still encompassing all of its use sites
• Create a basic R+ Table with React and use Datalayer to bind it: use react for user-bound data states, use datalayer for BBG-data-bound data-states
• Introduction to performance optimizations in react with the useMemo hook