growthmindsit

Component Based UI

Review, Research, and Discussion

  1. Name 5 Javascript UI Frameworks (other than React)
    • Ext JS by Sencha
    • Angular
    • Redux
    • Three.js
    • Vue
    • Ember
    • Svelte 3
  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 Library, you import or call specific methods that you need for your project.Reusability is one of the main reasons to use libraries.

    But framework is a supporting structure that gives shape to your code.In the Framework, you have to fill the structure accordingly with your code.There is a specific structure for a particular framework that you have to follow, and it’s generally more restrictive than Library. Some common examples of Framework are:

    • Angular :Angular is a JavaScript framework for web and mobile development.
    • Express : Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

Document the following Vocabulary Terms

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

Preparation Materials

JSX stands for JavaScript XML. allows us to write HTML in React.JSX makes it easier to write and add HTML in React.

JSX allows us to write HTML elements in JavaScript and place them in the DOM without any createElement() and/or appendChild() methods.JSX converts HTML tags into react elements.

sass cheatsheet

react cheatsheet

another react cheatsheet

Github view