Component Based UI
<hr>
Review, Research, and Discussion
Name 5 Javascript UI Frameworks (other than React)❓ 📁
-
The 5 Most Popular JavaScript Frameworks:
- Node. js. Node.
- Vue. js. Vue.
- AngularJS.
- Ember. js.
- React.
AngularJS is maintained by Google and addresses common complications in building single-page applications (SPAs).
React is a JavaScript framework developed by Facebook that simplifies the process of building interactive UIs.
What’s the difference between a framework and a library❓ 📁
- In JavaScript’s case, this base includes a collection of code libraries. The libraries compile code that elicits specific functionality for the specific type of app you may be working on. In essence, the framework will define the structure of the entire application.
Hello World
- is the smallest React example:
JSX
JSX »>
const element = <h1>Hello, world!</h1>;
What Is JSX? 📁
- JSX is an XML/HTML-like syntax used by React that extends ECMAScript so that XML/HTML-like text can co-exist with JavaScript/React code
- Specifying Children with JSX
If a tag is empty, you may close it immediately with />, like XML:
const element = <img src={user.avatarUrl} />; - and can contain children
- JSX Prevents Injection Attacks
It is safe to embed user input in JSX:
const title = response.potentiallyMaliciousInput;
// This is safe:
const element = <h1>{title}</h1>;
- JSX Represents Objects
Babel compiles JSX down to React.createElement() calls.