Comment charger le composant de réaction d'un service externe dans une application React via AJAX

Question

Quelles sont les meilleures pratiques associées au chargement/insertion et à l'exécution de composants React à partir d'un service externe dans une application React existante via AJAX.

J'ai une application principale React et je veux charger divers composants React (à partir de services externes) via AJAX. Comment cela pourrait-il être fait?

Est-ce réalisable? Sinon, quelle est la manière de s'y prendre?

Cela peut-il fonctionner avec webpack?

Answer 1

Tenir compte en utilisant cette bibliothèque par @thejameskyle https://github.com/thejameskyle/react-loadable Il agit comme un chargeur paresseux pour votre réagir composants, y compris ceux à distance

Answer 2

Vous pouvez utiliser: https://github.com/faceyspacey/react-universal-component et charger le code du composant comme une chaîne (qui est ce que je suppose que vous » refaire si vous parlez de le récupérer sur "ajax"), l'évaluer, et le retourner de la fonction asyncComponent comme une promesse, ou le passer à un callback passé à la fonction. C'est comme React Loadable, mais n'a pas besoin de travailler strictement avec les importations asynchrones. Vérifiez les docs.