Ajout de ReactJS dans du code HTML déjà existant ?


#1

Bonjour,

Je suis débutante avec ReactJS. Je veux savoir s’il vous plait si on peut utiliser ReactJS avec un HTML qui existe déjà .
Y a-t-il quelqu’un qui peut m’aider ?


#2

Bonjour @randa,

tl;dr : Il suffit d’inclure

<script src="https://unpkg.com/react/dist/react.js"></script>
<script src="https://unpkg.com/react-dom/dist/react-dom.js"></script>

Source

Je te conseil dans un premier temps de réaliser les tutos du site tu débutes :

Une fois cela fait, tu sauras aisément comment implémenter le coupleur de donnée MVVM React avec du HTML/CSS/JS déjà existant.

Pour finir, si la technologie ne t’es pas imposé et que tu débutes dans le monde MVVM, je te conseillerais plutôt Vue.


#3

Quand tu crée ton app reactjs, tu “monte” le composant principale n’importe où dans une page html.

Par exemple:

class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

var mountNode = document.getElementById("container");
ReactDOM.render(<HelloMessage name="John" />, mountNode);

Est ce que ça repond à ta question?