seance3 1 cours

ECMAScript6 ECMAScript est un standard de langage de programmation, il définit : La syntaxe, Les types de variable et encore pas mal d’autres choses… ES6 : Il a été publié en 2015, d’ailleurs vous pouvez aussi le voir aussi sous le nom ES2015. Beaucoup de choses ont evolué en ES6… Fonctions Fléchées, Classes, Modules… Babel Afin de faire de l’ES6 dès aujourd'hui, il faut le compiler, ou le transpiler. Pour cela il y a notamment Babel qui va transformer pour vous le code en ES5 (version qui est supportée par tous les navigateurs modernes). Il peut aller plus loin que de l'ES6 et a tendance à proposer des solutions via un système de plugin pour les propositions qui sont parfois encore en…

Babel fonctionne avec des presets, qui sont un ensemble de plug-ins permettant de compiler toutes les tâches liées à la technologie qu'on voudra compiler. En ce qui nous concerne, on aura besoin des presets suivants : babel-preset-es2015 et babelpreset-react.

Bundlers Le bundler condense tout le code de votre application pour n'avoir qu'un seul fichier javascript à importer dans votre page HTML. L'intérêt majeur c'est que vous n'êtes plus contraints d'avoir un fichier obèse quand vous codez du JavaScript, où il est impossible de retrouver votre fonction. Vous pouvez faire des modules (fichiers isolés), y faire référence dans un autre fichier et tout de même être capable de les utiliser dans le navigateur sans ajouter une balise <script> à chaque fois que vous ajoutez un fichier.

Les deux outils majeurs sur le marché sont Browserify et Webpack. Webpack est un outil qui permet de prendre en compte la modularité du code JavaScript. Il peut le faire selon les différents standards (commonJs, AMD, etc.). En revanche, à lui tout seul, il est incapable de transformer le code ES2015 ou JSX.

3.3. Architecture d’une application React : Afin d’écrire un bon code, la bibliothèque React propose différents concepts comme : le composant d’ordre supérieur, le contexte, les accessoires de rendu, les références, etc. React Hooks est utilisé pour faire gérer de grands projets.