React.js

Quick notes

1. Functional components

   1. JSX is a syntax extension while React is a JavaScript library.

   2. Props

      1. ComponanteName.defaultprops

      2. ComponentName.propTypes

   3. State

   4. defaultprops

2. React hooks

   1. useState: Returns a stateful value and a function to update it

   2. useEffect: Perform side effects in function components

   3. useContext:

   4. useReducer:

   5. useRef:

   6. useMemo:

3. contextAPI

4. redux

5. React dev tools extension

6. TypeScript

7. Lifting up the state

8. In react there are three types of inputs that can be read while rendering: props, state, and context.

9. local mutation inside pure functions is alright.

10. In react side effects usually inside event handlers.

11. useEffect should be last resort.