Par étape, arriver à l'application final :
- Utiliser les selectors pour les différents champs (nom prenom license ainsi que le resultat et la liste) et pour les 2 boutons;
- Faire dans l'index la méthode qui au clic de "say my name" retourne dans le champs avec id result_id le name et firstname;
- Etendre Person pour créer un nouvel objet Soatien tel que présenté dans la base;
- Completer les XhrUtils avec une méthode onLoad et avec l'appel des requêtes;
- Dans l'API faire les imports et exports pour que l'API recupère toutes les entities et exports l'ensemble des champs;
- Importer dans l'index l'API et faire la méthode qui appelera les méthodes getSoatiens() et getTools() de l'API et retournera une promesse contenant un array de Soatien et un array de Tool;
- Faire appel à la méthode précédente et afficher les resultats dans la liste;
- Faire l'handler qui permet de post un soatien depuis le formulaire;
A lightweight foundation for your next webpack based frontend project.
npm install
npm run dev
npm run build
- ES6 Support via babel-loader
- SASS Support via sass-loader
- Linting via eslint-loader
When you run npm run build
we use the mini-css-extract-plugin to move the css to a separate file and included in the head of your index.html
, so that the styles are applied before any javascript gets loaded. We disabled this function for the dev version, because the loader doesn't support hot module replacement.
Get a full fake REST API with zero coding in less than 30 seconds (seriously)
npm install -g json-server
{
"posts": [
{ "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}
json-server --watch db.json
Now if you go to http://localhost:3000/posts/1, you'll get
{ "id": 1, "title": "json-server", "author": "typicode" }
Also when doing requests, it's good to know that:
- If you make POST, PUT, PATCH or DELETE requests, changes will be automatically and safely saved to
db.json
using lowdb. - Your request body JSON should be object enclosed, just like the GET output. (for example
{"name": "Foobar"}
) - Id values are not mutable. Any
id
value in the body of your PUT or PATCH request will be ignored. Only a value set in a POST request will be respected, but only if not already taken. - A POST, PUT or PATCH request should include a
Content-Type: application/json
header to use the JSON in the request body. Otherwise it will result in a 200 OK but without changes being made to the data.