Refacto - WildCodeSchool/Paris-0918-js-Rtfm GitHub Wiki

• Ajouter une description sur le repo
• Ajouter un guide pour l'installation
• Ajouter un licence
• Sortir le et le placer dans l'index
• Sortir les exact des routes avec :name
• À la création d'un composant, toujours associer un fichier CSS et une classe qui lui est propre
• Passer sur du SCSS, après avoir installé node-sass
• Dans le SCSS passer sur une structure du type

        .artist{

        }

        img{

        }
    }

• Dans les composants priviligier la destructuration const { errorBio } = this.state;
• Mise en place d'un Eslint dans le package.json :

	"eslintConfig": {
    "extends": "airbnb",
    "parser": "babel-eslint",
    "rules": {
      "react/jsx-filename-extension": [
        "js",
        "jsx"
      ]
    }
  },

et faire npm i eslint-config-airbnb

• Pour chaque props penser à faire des propTypes + defaultProps
• Créer un MuUIThemeProvider global à l'application et mis en place au même niveau que le BrowserRouter
• Rajouter une route pour la 404 : <Route component={Erreur} />
• Réorganiser les composants dans des dossiers
• Passer les stateless en function ES5
• S'il y a un seul return dans les fonctions ES6, retirer le mot-clé return et écrire par exemple : const Header = props => ( <Grid container justify="center"> </Grid> );
• Placer la décomposition en paramètre : const Header = ({ classes }) => classes.toto;
• Passer la déclaration de State en ES6
• Priviligier la syntaxe ES6 plutôt qu'un bind