āļāļēāļāļāļāļāļ§āļēāļĄāđāļĢāļ·āđāļāļ Why hooks are the best thing to happen to React ?
āļāļēāļ StackOverflow āļāļāļīāļāļēāļĒāđāļĢāļ·āđāļāļāļāļāļ React Hooks āđāļāđāļāļĒāđāļēāļāļāđāļēāļŠāļāđāļ
āļ§āđāļēāļāļēāļĢāļāļąāļāļāļēāļĢāļ°āļāļāļāļēāļāļāđāļ§āļĒ React āļĄāļĩāļŦāļĨāļēāļĒāđāļāļ
āļāļģāđāļŦāđāļāļēāļĢāđāļāļĨāļĩāđāļĒāļāļŦāļĢāļ·āļāļĒāđāļēāļĒāđāļāļĄāļēāļāļąāđāļ class āđāļĨāļ° functional component
āđāļāđāļāđāļĢāļ·āđāļāļāļāļĩāđāđāļĄāđāļāđāļēāļĒāđāļĨāļĒ
āļāļąāļāļāļąāđāļāļāļķāļāđāļāđāļāļāļĩāđāļĄāļēāļāļāļāļāļēāļĢāļŠāļĢāđāļēāļ React Hooks
āđāļāļ·āđāļāđāļŦāđāļāđāļēāļĒāļāđāļāļāļēāļĢāļāļąāļāļāļē āļĢāļ§āļĄāļāļąāđāļāļāļēāļĢāđāļāļĨāļĩāđāļĒāļāđāļāđāļāđāļāļēāļ functional component āļāļĩāļāļāđāļ§āļĒ
āđāļāļĒāļāđāļēāđāļāļĢāđāļĢāļīāđāļĄāļāđāļ§āļĒ class component
āļāđāļēāļāļ°āļāđāļāļāļĄāļēāđāļĢāļĩāļĒāļāļĢāļđāđāđāļĢāļ·āđāļāļāļāļāļ Life cycle āļāļāļ React āļāđāļāļ
āļāļąāđāļāļāļēāļĢāđāļāļīāđāļĄāļŦāļĢāļ·āļāđāļāđāđāļāļāđāļāļĄāļđāļĨāđāļ DOM āļ§āđāļēāđāļāđāļāļāļĒāđāļēāļāđāļĢ
āļāļ°āļāļģāļāļēāļĢ mount āđāļĨāļ° unmount āļāļĒāđāļēāļāđāļĢ
āļāļąāđāļāļāļēāļĢāļāļąāļāļāļēāļĢ render āđāļĄāļ·āđāļāļāđāļāļĄāļđāļĨāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļ
āđāļāđāļāļāļāļ§āđāļē āļāļēāļĢāļāļ°āļāļģāļāļ§āļēāļĄāđāļāđāļēāđāļāđāļĄāđāļāđāļēāļĒāđāļĨāļĒ !!
āđāļŠāļāļāļāļąāļāļĢāļđāļ
āļāļąāļāļāļąāđāļāļāļķāļāļŠāļĢāđāļēāļ Hooks āļāļķāđāļāļĄāļēāđāļŦāđāđāļāđāļāļēāļ āđāļāđāļāđāļāļāđāļāđāļāļēāļāļāļąāļ functional component āđāļāđāļēāļāļąāđāļ
āđāļāđāļāļĄāļĩ useState āđāļĨāļ° useEffect āļāļķāđāļāļĄāļēāđāļ Hooks
āđāļāđāļāļāļāļ§āđāļēāļĒāļąāļāļĄāļĩ Hooks āļāļ·āđāļ āđ āđāļŦāđāļĻāļķāļāļĐāļēāđāļĨāļ°āđāļāđāļāļēāļāļāļĩāļāđāļāļĩāļĒāļ āđāļāđāļ
- useContext
- useRef
- useReducer
- useMemo
- useCallback
āđāļāļ·āđāļāđāļŦāđāļāđāļēāļĒāļāđāļāļāļēāļĢāđāļāđāļāļēāļ
āļĒāļāļāļąāļ§āļāļĒāđāļēāļ code āļāļāļ Hooks
āđāļāđāļāļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨāļāļēāļ API āļāđāļ§āļĒ axios library
āļāļēāļāļāļąāđāļāđāļāļēāļāđāļēāļĄāļēāđāļŠāļāļāļāļĨ
āđāļāđāļāļāļāļ§āđāļē āļŦāļĨāļēāļĒ āđ āļāļāļāļēāļāļāļ°āļāļāļāļ§āđāļē āļĄāļąāļāļāļ·āļ magic āļāļĩāđāļāđāļāļāļāļ§āļēāļĄāļāļąāļāļāđāļāļāđāļāļēāđāļ§āđ āđāļāđāļāļāļąāļ
āđāļāđāļāđāļēāđāļāđ class component āđāļĨāđāļ§ āļāđāļāļāļĄāļēāļāļąāļāļāļēāļĢāļāđāļēāļ method āļāđāļēāļ āđ āļāļāļ class āļāļąāļāļāļĩāđ
- componentDidMount()
- componentDidUpdate()
- componentWillUnmount()
āđāļāđāđāļ Hooks āđāļāđāđāļāļĩāļĒāļ useEffect āļāđāļāļ
āļĢāļ§āļĄāļāļąāđāļāļāđāļāļĄāļđāļĨāļāļēāļĢāļāļąāđāļāļāļģāļāļēāļĄāđāļāļĩāđāļĒāļ§āļāļąāļ React āđāļ StackOverflow āļāđāđāļāļīāđāļĄāđāļāļāļļāļ āđ āļāļĩ
āļāļąāđāļāļāđāļēāļāļ°āđāļŠāļāļāđāļŦāđāđāļŦāđāļāļāļĒāđāļēāļāļāļąāļāđāļāļāļ§āđāļē
āļāļēāļĢāļāļąāļāļāļēāļāđāļ§āļĒ React āļĄāļĩāļāļ§āļēāļĄāļāļīāļĒāļĄ
āļāļĢāđāļāļĄāļāļąāļāļāļąāļāļŦāļēāļāļāļāļāļēāļĢāļāļąāļāļāļēāļāļĩāđāđāļĒāļāļ°āļāđāļ§āļĒ
āļāļķāđāļāļāļĢāļāļāđāļēāļĄāļāļąāļ Angular āđāļĨāļĒ !!
āļāļąāļāļāļąāđāļ React Hooks āļāđāļēāļāļ°āđāļāđāļēāļĄāļēāļāđāļ§āļĒāđāļŦāđāļāļēāļĢāļāļąāļāļāļē React āļāđāļēāļĒāđāļĨāļ°āļŠāļ°āļāļ§āļāļāļķāđāļ
āđāļāđāđāļĢāļ·āđāļāļāļāļāļ class component āļāđāļĒāļąāļāļāļāļŠāļģāļāļąāļāđāļāđāļāļāļąāļ
āļŠāđāļ§āļ functional component + Hooks āļāđāđāļāđāļēāļĄāļēāđāļāļīāļĄāđāļāđāļĄāļŠāļīāđāļāļāļĩāđāļāļēāļāļŦāļēāļĒāđāļ
āļŦāļĢāļ·āļāđāļāđāļāļēāļ functional component āđāļāļĒāđāļĄāđāļāđāļāļāđāļāđ Hooks āļāđāđāļāđ
āļāđāļēāđāļĢāļēāļāđāļāļāļāļēāļĢāđāļāđāļĢāļ·āđāļāļāļāļāļ āļŦāļāđāļēāļāļĩāđāļāļēāļĢāļāļģāļāļēāļāļāļĩāđāļāđāļēāļĒ
āđāļĢāļ·āđāļāļāļāļēāļĢ reuse āđāļĨāļ°āļāļ§āļēāļĄāļĒāļ·āļāļŦāļĒāļļāđāļāļāļāļ code
āļāļāđāļŦāđāļŠāļāļļāļāļāļąāļāļāļēāļĢāđāļāļĩāļĒāļ code āļāļĢāļąāļ