Ajouter ReactJS sur certaine partie du site

Par mitnick93150, il y a 7 ans

Javascript

Bonjour,

Je dois ajouter RéactJS sur plusieurs pas d'un site et il ne veulent pas pour l'instant crée une app React.

Ce que je fais

Je suis tomber sur quelques articles ou ils disent d'ajouter ça sur les page ou ont veux implémenter REACT

<div id="root"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script> <script type="text/babel"> class Greeting extends React.Component { render() { return (<p>Hello world</p>); } } ReactDOM.render( <Greeting />, document.getElementById('root') ); </script>

Ce que je veux

si la méthode est bien approprié ou alors utiliser webpack mais je sais pas si au niveau de la configuration dans le projet peut être un peu
lourd.

OU la meilleur solution c'est utiliser webpack ?

Merci d'avance

2 réponses

Pandazaur, il y a 7 ans

Bonjour,

Il existe une autre solution, c'est d'utiliser le module bundler appelé "Parcel.js". Il a la même fonction que Webpack mais l'avantage c'est qu'il est sans configuration.

En utilisant des CDN tu dépends cloudflare.com, si tu veux avoir les fichiers de react en local utilise plutot parcel ou webpack

Ca peut t'aider: https://parceljs.org/recipes.html#react

jean-smaug, il y a 7 ans

Salut, tu veux ajouter React tu as bien identifié les 2 options : bundler ou import depuis CDN.

Petite précision React est en version 16.6 et il y a quelques changement sympa depuis la 15.4 ;)
Je te conseille d'utiliser un bundler et parmi les bundler si tu ne veux pas te prendre la tête avec de la config je te conseille d'utiliser Parcel. Il y a cette video de Grafikart qui fait le tour du sujet

Et tu pourras importer ton bundle sur les pages désirées plutôt que de charger ça depuis un CDN.
Bonus pour l'avenir : c'est plus propre avec un bundler que d'importer tes scripts depuis CDN + développer dans ta balise script ;)