0.1.0 • Published 7 months ago

furcata-connector v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
7 months ago

Connecteur React pour les Projets Wagtail

Le connecteur React est conçu pour faciliter le développement frontend en exécutant React en parallèle avec Wagtail. Cette configuration utilise Webpack pour gérer, grouper et servir des actifs statiques, assurant une intégration entre React et Wagtail.

Structure du Projet et Fichiers Clés

Voici une description des principaux fichiers du projet et leurs objectifs respectifs :

1. .babelrc

  • Objectif : Configurer les options pour le transpileur Babel.
  • Détails :
    • Contient des préréglages pour exécuter le transpileur.
  • Utilisation :
    • Assure que JSX et les fonctionnalités modernes de JavaScript sont transpilées en une version de JavaScript largement supportée par les navigateurs.

2. webpack.config.js

  • Objectif : Sert de fichier de configuration principal pour gérer la configuration Webpack du projet.
  • Détails :
    • Utilise webpack.ProvidePlugin pour charger automatiquement les modules au lieu de devoir les importer partout.
    • Gère le groupage et l'optimisation de JavaScript, CSS, et d'autres actifs.
  • Utilisation :
    • Ajustez les configurations pour gérer comment le projet groupe et sert les actifs statiques.
    • Ajoutez, modifiez ou retirez des alias, plugins, chargeurs et autres configurations Webpack selon les exigences du projet.

3. react_connector/

  • Objectif : Contient tous les composants React et les actifs liés pour le développement frontend.
  • Détails :
    • Organisé en sous-répertoires pour les actifs, CSS, polices et JavaScript.
    • Le répertoire JavaScript contient en outre des composants et des fonctions utilitaires.
  • Utilisation :
    • Développez et exportez des composants React qui seront utilisés dans tout le projet Wagtail.
    • Mettez à jour et gérez les actifs frontend, les styles et les fonctions utilitaires.

Pour Commencer

  1. Installer les Dépendances : Naviguez vers le répertoire react_connector et exécutez :
    npm install