Content from: https://www.youtube.com/watch?v=w7ejDZ8SWv8
React uses JSX - Javascript Syntax Extension, wich allow us to use JS and HTML Components as return in functions.
Focus in SPA, with react, you can make a pattern as
for titles or for a description. Increases dynamism.STATES
Components can have "state" which is an object that determines how it renders and behaves. Ex: state "open" or "close" for an dropdown.
"App" or "Global" state refers to state available to the entire UI, not just a single interface.
After React 16.8, we can use functional components with hooks.
REACT HOOKS Hooks are function that let us hook into the React state (open, close) and lifecycle features from function components Ex: useState, useEffect, useContext, useReducer, useRef.
LETS PRACTICE
-> npm create-react-app MyName npm start
Using Extension ES7 React/Reduct/GraphQL/... snipets rafce + TAB to create an arrow function
{/* */}