Reading: Component Based UI

Table of Contents

Reading, Research, and Discussion

1. Name 5 Javascript UI Frameworks (other than React).

• Tailwind, BootStrap, Angular, Vue, Semantic, Ember.

2. What’s the difference between a framework and a library?

• Framework is a complete package, as it has all the libraries it needs to function properly. A library, is standalone and you will need other libraries to accomplish the same tasks.

---

Vocabulary Terms

• Rendering :
  • def: Rendering in code terms refers to displaying data on a browswer screen. We are loading/rendering the content to be viewed.
• Templates :
  • def: Template is a guide for a project. HTML templates are used in react that hold all the components and is then rendered to the DOM.
• State :
  • def: This refers to keeping track of preceding events or user interactions. The application can remember interactions, or the state of components.

---

Additional Resources

Bookmark / Skim

• react hello world
• introducing JSX
• reandering elements
• sass cheatsheet
• react cheatsheet
• another react cheatsheet