web:javascript:react:toc
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
web:javascript:react:toc [2019/08/27 01:08] – [Hooks] sgariepy | web:javascript:react:toc [2023/10/03 21:20] (Version actuelle) – [React avec TypeScript] sgariepy | ||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
React est une librairie JavaScript pour créer des interfaces Web. [[https:// | React est une librairie JavaScript pour créer des interfaces Web. [[https:// | ||
+ | |||
+ | ===== Librairies ===== | ||
+ | |||
+ | * [[web: | ||
+ | |||
====== Avantages ====== | ====== Avantages ====== | ||
Ligne 219: | Ligne 224: | ||
Les hooks permet de ne pas avoir besoin de créer des composants de classes, ces derniers ayant pour désavantage de complexifier le code. | Les hooks permet de ne pas avoir besoin de créer des composants de classes, ces derniers ayant pour désavantage de complexifier le code. | ||
+ | ===== useState ===== | ||
+ | |||
+ | Utilisation de base: | ||
+ | |||
+ | <code javascript> | ||
+ | const [state, setState] = useState(initialState); | ||
+ | setState(newState); | ||
+ | </ | ||
===== useEffect ===== | ===== useEffect ===== | ||
Ligne 224: | Ligne 237: | ||
+ | <code javascript> | ||
+ | useEffect(() => { | ||
+ | // Équivalent à componentDidMount | ||
+ | window.addEventListener(' | ||
+ | return () => { | ||
+ | // Équivalent à componentWillUnmount | ||
+ | window.removeEventListener(' | ||
+ | } | ||
+ | }, []) | ||
+ | </ | ||
===== useRef ===== | ===== useRef ===== | ||
Ligne 243: | Ligne 265: | ||
}; | }; | ||
</ | </ | ||
+ | |||
+ | |||
+ | ====== Références et sources ====== | ||
+ | |||
+ | * [[https:// | ||
+ | |||
+ | |||
+ | |||
+ |
web/javascript/react/toc.1566860905.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)