Modules JavaScript Jahia pratiques : les nouvelles possibilités front-end avec JSX et React

Programme du webinaire : comment fonctionne le CMS JavaScript

1. Principes de base des modules JavaScript / Modèles côté serveur avec JSX
2. Codage en direct - Pour commencer et afficher du contenu
3. Comprendre les différents types de rendu
4. Codage en direct - Ajouter un champ « Numéro de téléphone »
5. Bon à savoir : Ressources, limitations, changements importants à venir

Vous apprendrez donc comment créer, gérer et déboguer des vues et des modèles, comment réutiliser des composants React dans plusieurs vues, comment utiliser le rendu côté client et React Hydration, ainsi que HTMX pour améliorer l'interactivité sans avoir besoin d'un JavaScript lourd.

Dans ce webinaire, nous abordons les outils de développement et les workflows essentiels, y compris les commandes Yarn pour rationaliser votre processus.

Points clés

• Aperçu complet des capacités du module JavaScript
• Exemples de codage concrets pour vous permettre de vous lancer immédiatement
• Meilleures pratiques pour un développement efficace des modules

Aujourd'hui, les spécialistes du marketing doivent exploiter à la fois la créativité et la technologie pour déterminer comment interagir avec les clients. Avec une mise en œuvre technologique appropriée, vous pouvez utiliser les données pour créer des profils clients uniques et proposer le bon contenu aux bonnes personnes au bon moment.

Rejoignez-nous pour découvrir :

• Les tactiques à court et long terme à utiliser pour la transformation et l'optimisation numériques
• Comment adapter votre stratégie marketing à l'année 2021 et au-delà
• Comment la synergie entre l'informatique et le marketing se traduit par des expériences client positives
• Pourquoi la mise en œuvre réussie de la bonne technologie est aujourd'hui essentielle

Ce que montre la vidéo

La vidéo présente comment les modules JavaScript sont intégrés à la plateforme afin de donner plus d'autonomie aux développeurs front-end tout en conservant une architecture back-end robuste.

Elle montre :

• Comment les modules JavaScript sont packagés et déployés sous forme de bundles OSGi aux côtés des modules Java
• Comment les normes JavaScript modernes sont prises en charge à l'aide de Yarn et GraalVM
• Comment un workflow de développement automatisé reconstruit et redéploie les modules à chaque modification
• Comment le front-end et le back-end restent entièrement synchronisés lors de l'extension des modèles de contenu et des formulaires
• Comment les composants React sont rendus côté serveur et progressivement améliorés dans le navigateur

La vidéo présente également des exemples concrets d'extension de formulaire, de validation de données et de synchronisation de profils.

Pourquoi est-ce important ?

Cette approche simplifie le développement front-end tout en conservant les performances, l'évolutivité et la cohérence.

Elle aide les équipes à :

• Créer des composants interactifs sans la complexité des architectures SPA complètes
• Accélérer les itérations grâce à des workflows de création et de déploiement automatisés
• Réutiliser le même langage et les mêmes composants pour le rendu serveur et client
• Synchroniser les données métier entre l'interface utilisateur et les systèmes backend
• Adopter les pratiques JavaScript modernes sans perturber les projets existants

En combinant le rendu côté serveur, l'hydratation progressive et le déploiement modulaire, les équipes gagnent en flexibilité et en maintenabilité à long terme.