NerOcrO

Abréviations

• AST : Abstract Syntax Tree
• FYI : For Your Information
• tl;dr : too long; didn't read
• BSR : Boy Scout Rule
• DRY : Don't Repeat Yourself
• KISS : Keep It Simple, Stupid
• YAGNI : You Ain't Gonna Need It (tu n'en auras pas besoin)
• DESC : Décrire/Exprimer/Solution/Conséquences

NerOcrO

Commandes

• docker container ls
  • docker container prune -f
• docker volume ls
  • docker-compose down
  • docker volume prune -f
• docker image ls
  • docker rmi -f [IMAGE ID]
• docker rmi $(docker images -q)

NerOcrO

• C'est 12M de personnes en France ! https://www.ocirp.fr/actualites/les-chiffres-cles-du-handicap-en-france
• https://twitter.com/jensimmons/status/935906003186483200

Moteur de recherche

• <form> : role="search"
• <a> : rel="search"
• <input> : type="search"

Onglets

NerOcrO

Tips

• type()
• print()
  • Ne fonctionne dans un test que s'il est rouge
  • print(obj.__dict__) ou print(vars(obj))
• help(method)
• dir(intance_dune_classe)
• intance_dune_classe.__dict__ => affiche tous les attributs
• Méthodes spéciales

NerOcrO

Spécificité

• React est déclaratif
• Un composant React doit commencer par une majuscule sinon c'est une balise HTML
• Un composant React est une fonction et ses paramètres sont appelés props
• On écrit du JSX qui est un mélange de HTML et de JavaScript
• Un ensemble de composants doivent être entouré par une balise ou un Fragment (<>...</>)
• Une balise auto fermante en HTML5 doit être fermée, ie : <br />, <input />
• class devient className
• for devient htmlFor

NerOcrO

Tips

• Philosophie ;
• Test UI components in a user-centric way ;
• Cheat sheet ;
  • get quand l'élément doit exister ;
  • query quand l'élément ne doit pas exister ;
  • find quand quelque chose doit être await (combination of getBy queries and waitFor) ;
• Priorité d'utilisation des queries ;
• Les différents rôles ;

NerOcrO

• Utility Types
• TypeScript 4.0 Cheat Sheet
• React+TypeScript Cheatsheets
• index.d.ts
• nodejs → commonJs Module → require
• Ecmac Script Module → import

Performance

• transpileonly : permet de ne pas effectuer le type checking

NerOcrO

• Mais que se passe-t-il après le backend ? - Jean-Pierre VINCENT
• Analyser les performances de rendu de son interface avec du profiling
• Efficiently Rendering CSS
• Writing efficient CSS selectors

NerOcrO

Pourquoi ?

• Ce document est un partie pris
• Ce document à pour but d'apporter certaines bases à un développeur débutant pour qu'il soit plus efficace et qu'il est plus de temps pour réfléchir à une problématique métier et avoir un temps d'apprentissage
• Utiliser sa souris ou ne pas savoir certains trucs et astuces prennent quelques secondes et misent bout à bout sur une année peu s'avérer contre productif
• J'utilise tout le temps ce qui suit, c'est devenu un automatisme

Comment ?

• Comme toute chose nouvelle, il faut passer par une phase d'apprentissage

NerOcrO

#!/bin/bash

if [[ -z $1 ]]; then
  chemin_de_base=.
else
  chemin_de_base=$1
fi

################################################################################
#                                REPOSITORY                                    #