Component Based UI

Review, Research, and Discussion

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

• Node.js
• Vue.js
• AngularJS
• Ember.js
• Backbone.js

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

A Library is a set of code that was previously written by a developer that you can call when you are building your project. In simple words, a bunch of code packed together that can be used repeatedly is known as Library.

A framework is a supporting structure that gives shape to your code.

Term	Definition
Rendering	to showing the output in the browser.
Templates	A template is a chunk of HTML that you need to inject onto the page.
State	The state object is where you store property values that belongs to the component.When the state object changes, the component re-renders.

Preview

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

1. Which 3 things had you heard about previously and now have better clarity on?

   JSX, React, rendering

2. Which 3 things are you hoping to learn more about in the upcoming lecture/demo?

   sass, super(props), inheritance

3. What are you most excited about trying to implement or see how it works?

   Sass and React!!