Merge branch 'master' of https://github.com/NaturalSolutions/notifica…

…tion

docs/guides/Introduction.md

@@ -11,13 +11,14 @@ Vous êtes maintenant dans le dossier du projet il faut installer le Back et les
 |depuis le dossier notification ||
 | 1) cd Back | 1) npm run install |
 |2) python setup.py develop | 2) npm run start    |
-|3) modifier le fichier development.ini ligne 30 avec les bons paramètres pour la variable sqlalchemy.url |3) webpack-de-server se lance sur http://127.0.0.1:8080/ |
+|3) modifier le fichier development.ini ligne 30 avec les bons paramètres pour la variable sqlalchemy.url |3) webpack-dev-server se lance sur http://127.0.0.1:8080/ |
 |4) lancer le serveur avec la commande : pserve development.ini --reload | |
 |5) le back doit se lancer et il est accessible par defaut http://127.0.0.1:6544 (voir le fichier Back/alerting_app/Views/__init__.py pour voir les routes accessible et Back/alerting_app/Views/<fichier.py> pour voir la logique et les requetes) | |
 
 
-#Pour un cas plus général et en vracs :
+Cet exemple se place dans le cas d'un Back Python comme nous l'avons fait, mais le Back peut être gêré de moult manières, sans problèmes de compatibilité.
 
+#Pour un cas plus général et en vracs :
 
 http://courses.reactjsprogram.com/courses/reactjsfundamentals
 Est un tuto gratuit en anglais (mais il faut s'inscrire sur le site ) assez bien expliqué pour sur l'ecosystem et les  paramétrage du debut (pour npm et surtout WEBPACK) afin d'avoir une base pour commencer un projet react

docs/guides/React.md

@@ -2,4 +2,45 @@
 
 React a l'air d'être une librairie trés puissante et qui devient assez intuitive aprés un temps d'adaptation
 
-
+Il est recommandé, mais non obligatoire, d'utiliser une syntaxe jsx avec REACT. Cette syntaxe sera interprêtée par babel que vouus aurez installé avec Npm. Babel permet aux différentes version de javascript de communiquer entre elles en interprétant le code des versions non-compatibles pour le rendre compatible.
+
+La notion de composant React.
+
+Le principe de React est qu’absolument TOUT est un composant, doté d’une fonction render, qui renvoie un élément du DOM.
+Voici la façon dont un élément se présente dans le code : 
+
+    class App extends React.Component{
+    render() {
+    return(
+    <div>Ce texte apparaîtra sur la page</div>
+    );
+    }
+    }
+
+Ici nous avons un exemple de syntaxe Jsx : Les éléments html à l’intérieur de la fonction render sont interprétés grâce à Babel.
+Ainsi, cette ligne de codes
+
+    <div>Ce texte apparaîtra sur la page</div>
+
+Sera comprise comme
+
+    var div = document.CreateElement('div');
+    div InnerHTML = "Ce texte apparaîtra sur la page"
+
+On voit ainsi l’intérêt d’employer la syntaxe Jsx. Même si du Javascript normal fonctionne parfaitement bien, Jsx permet de réduire grandement la taille du code, et est en réalité assez  intuitif passé la première impression.
+La syntaxe Jsx permet l’utilisation de code javascript à l’intérieur de symboles { } , de cette façon-là : 
+
+    class App extends React.Component{
+    render() {
+    return(
+    var loc1=2;
+    var loc2=2;
+    var locRes=4;
+    <div>{loc1} + {loc2} = {locRes}</div>
+    );
+    }
+    }
+
+Ici notre exemple affichera "2 + 2 =4"
+
+On peut ainsi y mettre une variable, une expression,  une fonction…

docs/guides/Routes.md

@@ -8,6 +8,7 @@ dans le cas de React :
     import routes from './config/routes.jsx'
     import {Router, browserHistory} from 'react-router'
 
+
     ReactDOM.render(<Router history={browserHistory} routes={routes} />,
     root);