Comment convertir un template html pour réagir?
J'ai acheté un modèle d'administration HTML auprès de themeforest ( https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?s_rank=1 ).
Je construis un site de pile MERN et je me demande quel serait le meilleur moyen de convertir ce modèle HTML en site réactif. Décomposer le modèle en composants, ajouter des itinéraires manuellement et convertir HTML en JSX, etc. semble être une tâche fastidieuse.
La question se pose parce que, dans themeforest, les modèles d’administrateur les plus populaires ont été créés pour un monde jQuery/HTML, et non pour un monde JS à pile complète. Par exemple, le thème que j'ai lié ci-dessus a environ 7 000 téléchargements. Ces modèles lors de l'achat vous donnent un tas de HTML et CSS, et si nous devons créer un site de réaction à partir de ceux-ci, alors convertir manuellement le HTML en JSX, et le découper en composants, est un processus laborieux. Vous vous demandez s'il existe une meilleure approche pour résoudre ce problème.
Vous pouvez utiliser html-to-react-components
Une meilleure approche serait de convertir votre html en jsx et de l’utiliser dans votre composant react. Vous pouvez convertir votre code HTML en jsx ici .
Vous pouvez utiliser:
Toutefois, il est préférable, à long terme, de diviser ces modèles en un ensemble granulaire de composants dotés de rôles bien définis.