Il y a le backend, il y a le frontend... Et il y a les frameworks Javascript tels que Angular (made in Google), Vue.js (opensource) et React (Made in Facebook).
A priori, ce sont d'abord des outils pour faire du frontend, mais avec la particularité que vous pouvez manipuler des services de données externes (tels que Firebase ou AWS) directement depuis votre code frontend. Des bâtards, quoi.
Ils sont particulièrement indiqués pour les applications web et les interfaces très réactives, plus que pour les simples sites vitrines (où l'utilisateur va surtout lire).
Le problème que ces frameworks résolvent est le suivant :
Imaginons que 2 personnes consultent au même moment la même page d'un e-Shop. Par exemple, une casquette PetitPoney Vintage, made in Japan, 1988. Il n'y a plus qu'un seul exemplaire en stock.
Si l'un des deux achète cet exemplaire, il n'y en a plus pour l'autre. Idéalement, il faudrait donc que l'interface du second utilisateur soit mis à jour pour indiquer que le stock a changé ("produit indisponible") au moment où l'utilisateur 1 clique sur "acheter". Et ce, alors que le second utilisateur n'a pas forcément rechargé sa page.
Autrement dit, le problème à résoudre consiste à faire en sorte que le frontend reflète à tout moment l'état du backend, que l'interface reflète fidèlement l'état de l'application dans son ensemble (ici, l'état du stock).
Maintaining application state and keeping it consistent with our UI is a major challenge. Solving this is partly why libraries like React really took off. – Kirupa
Au terme de ce parcours, l'apprenant•e sera capable de développer et déployer une application web réalisée avec React.
- React Armory
- tutoriels au format Texte : kirupa.com
- tutoriels au format Vidéo : YouTube/Kirupa
- Maitriser WebPack, un nouvel outil de développement qu'il est bien : tutorial
- Create a React app using WebPack
Choisis au moins un projet parmi ces tutoriels :
- un petit chat en react
- Faire une "Universal App" avec React, React Router and Express (English)
- Utiliser React pour faire un thème WordPress (English)
- Deploy a React App as a GitHub User Page using Yarn
- Lire The most important lessons I’ve learned after a year of working with React
- lire cet excellent minisite: https://thepowerofserverless.info
- Tutoriel : Développer une application mobile native via React Native
- Si développer en React te plait, lis cet article, expliquant plein de concepts liés à l'écosystème de React.