What I wish I knew about React

Une lecture à faire avant de se lancer dans une formation React. ( https://www.youtube.com/watch?v=SMgQlTSoXf0&list=PLjwdMgw5TTLWom67YfZuha-1iYzIirwJR )

Quelques notes:

  • React est une bibliothèque, pas un framework.
  • React est une lib UI: elle sert à designer et rendre réactive des interfaces utilisateur. Si ce que tu veux faire ne s'affiche pas à l'écran, React s'en bat les steaks.
  • AngularJS change ta manière de coder en JS mais pas tes pratiques en HTML/CSS alors que React fait le contraire: peu de changement côté JS (hors le code spécifique de ton UI) mais modifie ta façon de créer en HTML/CSS.
  • Les composants React sont toujours des composants UI

Make Beautifully Resilient Apps With Progressive Enhancement

Notes perso de lecture rapide et en diagonale.

rien d'essentiel ne doit dépendre de javascript, en particulier les formulaires.

  • JS peut être désactivé
  • le navigateur peut être obsolète (oui, windows, c'est de toi que je parle)
  • des extensions peuvent bloquer le script
  • le client a peut être une connexion lente qui va timeout
  • le client a peut être une connexion intermittente (genre le train)
  • il peut y avoir un firewall qui bloque certaines choses.
  • etc

En gros, JS devrait être réservé à des choses qu'on ne peut pas faire autrement et/ou non essentielles.

Pour les formulaires, on peut partir d'un formulaire normal fonctionnant normalement et l'améliorer via JS: capturer l'événement onsubmit et gérer l'envoi au serveur via des promises et fetch, traiter les erreurs etc.

Si JS ne fonctionne pas, le formulaire continuera de faire son job avec le comportement par défaut de submit mais de façon moins sexy, c'est tout.

Et si les envois et retours se font en JSON et tout le merdier ?

Problème de type de retour et de format de réception

L'auteur propose d'utiliser le header côté serveur pour identifier qui de JS ou de HTML est à l'origine de la requête (avec Sec-Fetch-Mode par exemple ) et ainsi adapter le comportement du serveur (traitement des données et composition de la réponse)

En gros:

  • si ça vient de JS ➜ gère le JSON et renvoie du JSON pour que JS gère la réponse
  • si ça vient de HTML ➜ gère le formulaire normalement et renvoie une nouvelle page HTML composée côté serveur.

Cory Doctorow : On ne peut pas prédire l’avenir, mais on peut l’influencer...

J'ai VRAIMENT TRES envie de lire Walk away...

un roman de science-fiction encore méconnu en France et même non-traduit, mais qui parvient à redonner espoir dans l’avenir et imaginer une sortie par le haut de toutes ces crises qui nous menacent. Cette fleur dans le désert post-apocalyptique se nomme “Walk Away” et on doit ce roman paru en 2017 à Cory Doctorow, journaliste et blogueur canadien connu pour son activisme en faveur des licences Creative Commons. Inspirés par celles-ci, et leurs valeurs de gratuité et de don, ses héros choisissent de faire sécession de la société “par défaut” et de construire la leur. Chez les Walk Aways tout est offert car imprimé en 3D à partir de déchets recyclés, quitte à pirater quelques brevets ou formules pharmaceutiques au passage. La vie dans le désert en devient une fête digne du Burning Man, où le potentiel de chacun peut s’exprimer, au point qu’il est possible de rénover des Zeppelins avec ses amis pour parcourir le ciel, en bricolant avec les restes abandonnés de la start-up nation.

"La science-fiction est une littérature du présent, pas de l’avenir."



Fil RSS des articles