HyperApp : une bibliothèque JavaScript de seulement 1 KB ?

Tech et Architecture
HyperApp une bibliotheque JavaScript de seulement 1 KB

Une bibliothèque composée de deux API

La bibliothèque HyperApp est composée de deux API :

Hyperapp.h, qui permet de retourner une nouvelle arborescence de nœuds de DOM virtuel
Hyperapp.app qui permet de monter une nouvelle application dans l’élément DOM spécifié.

La bibliothèque est très intuitive : elle possède peu d’instructions afin d’être facile à utiliser et être prise en main plus rapidement. Le tout pour devenir productif le plus rapidement possible.

HyperApp associe la gestion d’état avec un moteur DOM virtuel prenant en charge les mises à jour par clés et les événements de cycle de vie, le tout sans aucunes dépendances. D’où le slogan de la bibliothèque “do more with less”.

Les applications Hyperapp se composent de trois parties interconnectées: l’état, la vue et les actions.

Voici un exemple d’application de code avec HyperApp. Il permet d’afficher un compteur qui incrémente/décrémente selon le paramétrage choisi.

See the Pen PaxbeV by Aaron (@leox47) on CodePen.

Vous pouvez également installer la bibliothèque très facilement avec NPM. Il vous suffit de seulement trois lignes de code :

See the Pen PaxbaV by Aaron (@leox47) on CodePen.

Même si toutes les fonctionnalités d’HyperApp sont prometteuses, elle reste encore très peu utilisée parmi les développeurs JavaScript. Si vous avez effectué des missions avec cette bibliothèque, n’hésitez pas à nous les partager sur les réseaux sociaux.

Vous trouverez davantage de contenus autour de Javascript et plus globalement sur le front en vous rendant sur notre blog.

Et si on échangeait ?

Façonnez l’avenir digital de votre marque. Que vous souhaitiez harmoniser vos points de contact, créer des expériences client unifiées ou optimiser votre écosystème omnicanal, nous concevons des solutions qui marient innovation et élégance.

Parler à un expert

Perspectives,
ce qu’il faut retenir

Toutes les actualités
Certification_Microsoft_Azur Numendo
Tech et Architecture 15.04.2025

Pourquoi la certification Microsoft AZ-900 est un excellent point de départ pour monter en compétence sur Azure

Mehdi developpeur fullstack senior
Tech et Architecture 02.05.2024

Mehdi, développeur full-stack sénior chez Numendo : « J’avais un parcours classique que je n’ai finalement pas suivi »

2 personnes signent un contrat pour présenter les métiers de la tech en 2024
Tech et Architecture 13.12.2023

Métiers de la tech : 7 jobs que les recruteurs s’arrachent en 2024

Le Green IT en 2026 IA, réglementations et nouvelles pratiques au service des métiers du numérique
Impact et Culture 12.08.2026

Le Green IT en 2026 : IA, réglementations et nouvelles pratiques au service des métiers du numérique

Agence Numendo Paris

48 rue de la Bienfaisance
75 008 Paris

Notre agence parisienne accompagne les marques et les grands comptes dans leurs projets digitaux les plus stratégiques.

Située à 10 minutes de la gare Saint-Lazare et à deux pas du métro Miromesnil, elle réunit nos experts en conseil, e-commerce, data produit et architecture omnicanale.

Numendo Paris incarne l’alliance entre vision stratégique, expertise technique et proximité client.

Faites partie de l’aventure
Numendo Paris

Rejoindre Numendo Paris, c’est intégrer un hub d’innovation où l’excellence technique rencontre l'esprit entrepreneurial. Un cadre stimulant pour piloter des projets stratégiques de renommée internationale au cœur de la capitale.

Agence Numendo Mulhouse

2a Av. Auguste Wicky
68 100 Mulhouse

L’agence de Mulhouse est le pôle d’excellence technique dédié à la performance de vos plateformes métiers.

Implantés au cœur de l’Alsace à deux pas de la gare de Mulhouse et a proximité directe de l’Allemagne et de la Suisse, nos locaux accueillent une communauté de passionnés centrée sur l’innovation et la robustesse du code.

Elle symbolise la force de frappe technologique du groupe, capable de bâtir des écosystèmes B2B et industriels hautement complexes.

Faites partie de l’aventure
Numendo Mulhouse

S’épanouir à Mulhouse, c’est intégrer un pôle historique où priment la passion technologique et la solidarité.
Un environnement à taille humaine idéal pour relever des défis industriels et techniques d'envergure.

Agence Numendo Genève

Rue du Marché 5,
1204 Genève

Notre agence genevoise allie culture de la précision et expertise digitale pour faire rayonner vos projets en Suisse et à l’international.

Idéalement située en plein coeur de Genève, elle offre un cadre de travail privilégié pour accompagner la transformation data des acteurs les plus exigeants.

Genève est le hub dédié à la structuration de l’information produit et au déploiement de stratégies e-commerce agiles et évolutives principalement dans le secteur du luxe et de la finance.

Faites partie de l’aventure Numendo Genève

Faire partie de l’équipe Genève, c’est cultiver l’exigence et la précision pour un digital performant et durable. Un cadre de travail privilégié pour transformer le futur des données produits et du e-commerce suisse.