Read 26 ~ Component Based UI
By Abdallah obaid
| NAME | URL |
|---|---|
| Home | Home. |
| Prep | Prep: Engineering Topics. |
| Read 01 | Node Ecosystem, TDD, CI/CD. |
| Read 02 | Classes, Inheritance, Functional. |
| Read 03 | Data Modeling & NoSQL Databases. |
| Read 04 | Advanced Mongo/Mongoose. |
| Read 05 | Linked Lists. |
| Read 06 | HTTP and REST. |
| Read 07 | Express. |
| Read 08 | Express Routing & Connected API. |
| Read 09 | API Server. |
| Read 10 | Stacks and Queues. |
| Read 11 | Authentication. |
| Read 12 | OAuth. |
| Read 13 | Bearer Authorization. |
| Read 14 | Access Control (ACL). |
| Read 15 | Trees. |
| Read 16 | Event Driven Applications. |
| Read 17 | TCP Servers. |
| Read 18 | Socket.io. |
| Read 19 | Message Queues. |
| Read 26 | Component Based UI. |
Component Based UI
## Component Based UI:
- Component Based UI: Approach allows your application architecture to stay up to date over time instead of rebuilding it from scratch.
## React:
- React is a JavaScript library for building user interfaces. Also its a component based system. React is used to build single page applications. React allows us to create reusable UI components.
- React is an open-source JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. ## JSX:
- JSX: JavaScript XML
- JSX allows us to write HTML in React. JSX makes it easier to write and add HTML in React.
- JSX is a syntax extension to JavaScript.
- React doesn’t require using JSX, but most people find it helpful as a visual aid when working with UI inside the JavaScript code. It also allows React to show more useful error and warning messages. ## Sass:
- Sass is a style sheet language.
- Sass lets you use features that do not exist in CSS, like variables, nested rules, mixins, imports, inheritance, built-in functions, and other stuff.
- Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
