Dans la phase 2 de mon bootcamp de génie logiciel, nous avons commencé à apprendre la bibliothèque/framework React.JS. Après avoir terminé de nombreux laboratoires et assisté à des conférences, j'ai commencé à remarquer l'évolutivité de l'utilisation de React au lieu de simplement JavaScript.

Programmation déclarative

Lorsque vous codez dans React, vous programmez de manière déclarative. Cela signifie que nous décrivons ce qu'un programme doit accomplir, et la façon dont il est accompli est déterminée par le programme. En termes de JavaScript simple, vous programmeriez impérativement, ce qui signifie que nous donnons explicitement des actions qu'un programme doit entreprendre et décrivons comment un programme doit utiliser ces actions.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Composants

React fonctionne en structurant nos applications à l'aide de composants. Les composants sont des sections de notre page Web qui leur permettent de gérer et de recevoir leurs propres données et styles. L'utilisation de composants permet aux applications d'être hautement réutilisables et évolutives, tout en conservant les mêmes fonctionnalités.

Conclusion

Une analogie que j'ai apprise en classe est qu'apprendre React, c'est comme apprendre comment fonctionne une voiture. Les voitures ont de nombreuses pièces qui sont fondamentales pour produire un véhicule fonctionnel. Il peut être utile de savoir comment fonctionnent le moteur, la transmission et le système de suspension, mais ce qui peut être plus nécessaire, c'est de comprendre comment utiliser correctement les pédales, diriger le volant et changer de vitesse.