Please enable JavaScript.

Coggle requires JavaScript to display documents.

ReactJS - Coggle Diagram

- - - - Extension .spec.js
      - it() code à exécuter au moment venu
      - describe() contexte de la suite
      - Snapshots
        
        Permet d'avoir des références
        
        Ils comparent l'élément généré avec une version précédente pour trouver des changements inattendus
      - Couverture de test
        
        Permet de voir quelles parties sont testées sur l'ensemble d'un fichier
  - - - chai-dirty, permet d'éviter les fautes de frappes
      - chai-jest-diff, permet d'afficher plus en profondeur les erreurs
      - chai-jest-snapshot
      - sinon-chai
- - - - (v) => {}
  - - - this.props = {
        'nom' : 'unnom',
        'pnom' : 'prenom'
        };
      - const {nom, pnom: prenom} = this.props
    - - const array = ['prénom', 'nom']
      - const [prenom, nom] = array;
  - - - NomFunction1()
    - - NomFunction2()
  - - - className= au lieu de class=
      - htmlFor= au lieu de for=
      - Les composants natifs ne commencent pas par une majuscule
- - - - key
        
        Lors des boucles, cette valeur permet de manipuler les valeurs généréres par render()
      - children
        
        Donne les "enfants" du parent
      - dangerouslySetInnerHTML
        
        En cas de dernier recours, permet d'envoyer du code HTML
    - - valeurs par défaut COMPOSANT.defaultProps = {}
      - Ave le module PropTypes, on peut définir le type des props afin de trouver plus facilement les erreurs de frappe
        COMPOSANT.propTypes = {PropTypes.number.isRequired}
        
        PropTypes.oneOf(["nom", "autrenom"])
        
        PropTypes.number.isRequired
        
        PropTypes.string.isRequired
        
        {PropTypes.func.isRequired
  - - - Asynchrone
      - Ignore les modifications répétitives
        
        Peut pas spammer les mêmes opérations
        
        Contournement avec le callback (fonction intégrée)
      - Met à jour les infos mais ne les réinitialise pas
  - - - componentWillMount() avant insertion au dom virtuel
      - componentWiilUnmount() après suppression du dom
    - - componentDidMount()
- - - - Pas dans babbel