React

⟹React.js is a JavaScript library. It was developed by engineers at Facebook

⟹why use react?

⟹React is fast. Apps made in React can handle complex updates and still feel quick and responsive

 ⟹React is scalable. Large programs that display a lot of changing data are where React performs best.

 ⟹React is flexible. You can use React for interesting projects that have nothing to do with making a web app.

 ⟹React is popular. While this reason has admittedly little to do with React's quality, the truth is that understanding React will make you more employable.

⟹JSX Elements

 ⟹A basic unit of JSX is called a JSX element.
example

</h1> Hello world</h1>

⟹JSX elements are treated as JavaScript expressions. They can go anywhere that JavaScript expressions can go.

⟹That means that a JSX element can be saved in a variable, passed to a function, stored in an object or array...you name it.

⟹example  JSX element being saved in a variable

const navBar = <nav>I am a nav bar</nav>;


⟹example several JSX elements being stored in an object

const myTeam = {
center: <li>Rasha Loa</li>
powerForward: <li>Rasha Loa</li>
smallForward: <li>Rasha Loa</li>
shootingGuard: <li>Rasha Loa</li>
pointGuard: <li>Rasha Loa</li>
};