Cours de programmation

De nos jours, il y a beaucoup de langages de programmation à apprendre et le développement front-end a été au niveau suivant ces jours-ci. Aujourd’hui, dans le cadre du cours de programmation, nous fournissons le cours React.js. React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript frontale gratuite et open-source[3] pour la création d’interfaces utilisateur ou de composants d’interface utilisateur. Il est maintenu par Facebook et une communauté de développeurs individuels et d’entreprises.

React peut être utilisé comme base dans le développement d’applications monopages ou mobiles.Cependant, React ne concerne que la gestion des états et le rendu de cet état au DOM, de sorte que la création d’applications React nécessite généralement l’utilisation de bibliothèques supplémentaires pour le routage, ainsi que certaines fonctionnalités côté client. 

Voici un exemple rudimentaire d’utilisation de React en HTML avec JSX et JavaScript.

<div id="myReactApp"></div>

<script type="text/babel">

function Greeter(props) {

return <h1>{props.greeting}</h1>;

}

let App = <Greeter greeting="Hello World!" />;

ReactDOM.render(App, document.getElementById('myReactApp'));

</script>

La fonction Greeter est un composant React qui accepte un message d’accueil de propriété. La variable App est une instance du composant Greeter où la propriété greeting est définie sur ‘Hello World!’. La méthode ReactDOM.render restitue ensuite notre composant Greeter à l’intérieur de l’élément DOM avec l’id myReactApp.

Lorsqu’il est affiché dans un navigateur Web, le résultat sera

<div id="myReactApp">

<h1>Hello World!</h1>

</div>