Component Based UI

Component based UI systems like:

1. React 2. Angular 3. Vue (and the like all operate on similar architectural principles).

• Rather than view an application as an enormous interconnected codebase, the application is a composition of components that work together to make the application work.
• The secret sauce is how they work together.
• We use Classes and Functions to classify functionality
• We require what we need
• We render it where we want
• We pay attention to state and react as it changes.

React

As a component based system, React does an awful lot for us, principally, it gets out out of the way and makes it EASY to implement your application the way you see it, using familiar tools.

JSX looks like markup, but it’s actually Javascript. If you had to code it out, you wouldn’t…