npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

react-mada-location

v1.0.1

Published

Composants React pour la sélection géographique à Madagascar (provinces, régions, districts).

Downloads

1

Readme

Voici une version améliorée du README pour ta bibliothèque react-mada-location :


react-mada-location

react-mada-location est une bibliothèque JavaScript/React dédiée à la gestion et à l'affichage de données géographiques spécifiques à Madagascar, en particulier les délimitations administratives. Elle offre une série de composants réutilisables pour afficher et manipuler des données géographiques de manière dynamique dans vos applications React.

Table des matières

Description

react-mada-location fournit des composants React pour afficher et manipuler les données géographiques de Madagascar, y compris les provinces, régions, districts, et autres informations géographiques administratives. Cette bibliothèque est construite avec React et Vite, et elle est optimisée pour une intégration simple dans n'importe quelle application React.

Fonctionnalités principales :

  • Composants React pour afficher des listes déroulantes, des cases à cocher et des groupes radio en fonction des données géographiques de Madagascar.
  • Données géographiques réactives et faciles à manipuler.
  • Installation et intégration simples dans un projet React via npm ou yarn.
  • Facilité d'extension et de personnalisation pour vos besoins spécifiques.

Installation

Pour installer la bibliothèque et l'utiliser dans votre projet React, exécutez la commande suivante dans votre terminal :

Avec npm :

npm install react-mada-location

Avec yarn :

yarn add react-mada-location

Utilisation

Une fois la bibliothèque installée, vous pouvez commencer à l'utiliser dans votre application React. Voici un exemple de comment intégrer les composants de react-mada-location :

Exemple de composant ProvinceDropdown :

import React from 'react';
import { ProvinceDropdown } from 'react-mada-location';

function MyApp() {
  return (
    <div>
      <h1>Choisissez une province</h1>
      <ProvinceDropdown />
    </div>
  );
}

export default MyApp;

Exemples de Composants :

  • ProvinceDropdown : Affiche une liste déroulante des provinces de Madagascar.
  • RegionByProvinceDropdown : Affiche les régions d'une province donnée.
  • DistrictByRegionCheckboxList : Affiche une liste de districts sous forme de cases à cocher.

Développement

Lancer en mode développement :

Pour développer et tester la bibliothèque localement, vous pouvez exécuter la commande suivante après avoir cloné le dépôt :

npm run dev

Cela lancera un serveur local avec hot-reloading pour voir les modifications en temps réel.

Contribuer

Vous pouvez contribuer à ce projet en ouvrant des issues ou en soumettant des pull requests. Si vous avez une fonctionnalité ou une amélioration à proposer, n'hésitez pas à créer une issue sur le dépôt GitHub.

Comment contribuer :

  1. Fork le dépôt.
  2. Crée une branche pour ta fonctionnalité.
  3. Fais tes changements, puis commit-les.
  4. Push ta branche.
  5. Crée une pull request.

Licence

Ce projet est sous la licence MIT.

Voir le dépôt GitHub

Tu peux consulter le dépôt GitHub pour plus d'informations, le code source, et pour suivre l'évolution de la bibliothèque : Voir le dépôt GitHub