reading-notes

Component Based UI

1. Name 5 Javascript UI Frameworks (other than React)
   • Angular
   • Vue
   • Ember
   • Sencha Ext
   • Svelte 3 src
2. What’s the difference between a framework and a library?

A library is only used when and where you call for it while a framework inverts the control of the program allowing less control over the code for the creator. A framework is a collection of libraries.src

Rendering - Gathering data to load to a template it associated with and sending it as an output on the client side.src

Templates - A structure/pattern for writing code

State - A state is a point of event amongst other events within an application.

Hello World-React

• React uses a syntax extension to JS called JSX.
• Rendering Elements
• Components and Props
• State and Lifecycle
• Handling Events
• Conditional Rendering
• Lists and Keys
• Forms
• Lifting State Up
• Composition vs Inheritance
• Thinking in React
  1. Break The UI Into A Component Hierarchy
  2. Build A Static Version in React
  3. Identify The Minimal (but complete) Representation Of UI State
  4. Identify Where Your State Should Live
  5. Add Inverse Data Flow
• Introducing JSX
• Rendering Elements