Outils pour utilisateurs

Outils du site


web:javascript:react:toc

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
web:javascript:react:toc [2019/08/27 01:08] – [Hooks] sgariepyweb: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://reactjs.org/docs/getting-started.html|Documentation officielle]] React est une librairie JavaScript pour créer des interfaces Web.  [[https://reactjs.org/docs/getting-started.html|Documentation officielle]]
 +
 +===== Librairies =====
 +
 +  * [[web:javascript:react:yup|yup]]
 +
  
 ====== 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);
 +</code>
 ===== useEffect ===== ===== useEffect =====
  
Ligne 224: Ligne 237:
  
  
 +<code javascript> 
 +useEffect(() => { 
 +  // Équivalent à componentDidMount 
 +  window.addEventListener('unhandledRejection', handler); 
 +  return () => { 
 +    // Équivalent à componentWillUnmount 
 +    window.removeEventListener('unhandledRejection', handler); 
 +  } 
 +}, []) 
 +</code>
 ===== useRef ===== ===== useRef =====
  
Ligne 243: Ligne 265:
 }; };
 </code> </code>
 +
 +
 +====== Références et sources ======
 +
 +  * [[https://github.com/sudheerj/reactjs-interview-questions#what-is-shallow-renderer-in-react-testing|React Interview Questions & Answers]]
 +
 +
 +
 +
web/javascript/react/toc.1566860905.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)