MyLife Tools UI

• better css : https://blog.theodo.fr/2018/06/write-better-css-part-1/
• flex/grid :
  • https://medium.com/youstart-labs/beginners-guide-to-choose-between-css-grid-and-flexbox-783005dd2412
  • https://hackernoon.com/the-ultimate-css-battle-grid-vs-flexbox-d40da0449faf

• header haut : titre app, puis titre fenetre
• a gauche : menu app

• header haut : titre app, menu, titre fenetre

• header haut : ligne 1 : titre app, ligne 2 : titre fenetre, icon pour afficher menu
• clic sur icone => menu en overlay a gauche

• ???

• https://geomax-positioning.com/

• Tout accessible en 3 clics

• Dossiers par feature plutôt que components constantes etc
• Plusieurs fichiers constante
• Bind avec props en arrow
• noop action ?

• https://webpack.js.org/guides/author-libraries/
• https://webpack.js.org/guides/production/
• https://medium.com/dailyjs/building-a-react-component-with-webpack-publish-to-npm-deploy-to-github-guide-6927f60b3220

• editors :
  • editor : edition basique, avec des proprietes pour gerer le specificites du contenu
  • field avec :
    • datatype (ex: count qui est un entier positif)
    • rules (ex: required, upperBound(10) ) qui est implémenté en validators mais qui peut être géré sur la UI de l éditeur aussi
    • nom du field
• buttons :
  • actionbar
• globalization
• images
  • trier le dossier images
• charts : http://recharts.org/en-US/
• DEMO: cleanup du state redux pour le routage mais trouver un autre exemple de state à mettre
• packaging :
  • https://webpack.js.org/guides/author-libraries
  • https://webpack.js.org/guides/caching
  • https://webpack.js.org/guides/asset-management/
  • https://webpack.js.org/guides/tree-shaking/