Catégorie : ReactJS

GoldenLayout,le gestionnaire de disposition persistant

GoldenLayout est un gestionnaire de disposition qui organise les composants React dans plusieurs jeux d’onglets. Ceux-ci peuvent être redimensionnés , déplacés et communiquent entre eux.

J’intègre ainsi les composants :

La démonstration web est:
http://antillestores.fr/goldenlayout/

Svelte le web transversale

Svelte est une nouvelle approche radicale de la création d’interfaces utilisateur.Il communique avec les autres outils comme JQuery, ReactJS, et les composants webs.

Quelques liens utiles:

  • Sapper,Military-grade progressive web apps
  • Single-spa a javascript framework for front-end microservices

La démonstration web suivante montre son intégration avec JQuery:

http://node45814-antillestores-sapper.jl.serv.net.mx:11006/

Cartographie dynamique avec ASP.NET Core

J’entre de plein fouet dans le monde de la cartographie dynamique avec ASP.NET Core. Pour cela j’utilise la bibliothèque NetTopologySuite pour positionner les villes des Etat-Unis provenant de la base de données WideWorldImportersDW

Quelques liens utiles:

Bientôt , je ferais l’analyse avec Talend Open Studio suivant l’exemple de ma vidéo.
La démonstration web est à l’adresse suivante:
http://antillestores.fr/create-react-app/

React Router,Redux,Antd:le trio dévastateur

React Router est une puissante bibliothèque de routage construite sur React qui vous permet d’ajouter de nouveaux écrans et flux à votre application très rapidement,tout en maintenant l’URL synchronisée avec ce qui est affiché sur la page.

Redux est une bibliothèque JavaScript open-source permettant de gérer l’état de l’application.Il est le plus souvent utilisé avec des bibliothèques telles que React ou Angular pour créer des interfaces utilisateur.

Antd React UI est une bibliothèque contenant un ensemble de composants et de démonstrations de haute qualité permettant de créer des interfaces utilisateur riches et interactives.

Liens utiles:

La démo web est disponible en cliquant le lien suivant:
http://antillestores.fr/create-react-app/

La planification avec React Big Scheduler:

 

 

Planning avec ReactJS

J’améliore mon application de gestion d’une animalerie en y intégrant le planning des vétérinaires pour les soins des animaux.
Quelques liens utiles:

J’utilise la bibliothèque Jasper Report pour l’impression ( quelques erreurs de formatage des heures que je corrigerais ultérieurement)

La démo web est disponible: (actualisé le 28 février 2019)
http://antillestores.fr/react-admin-demo

Uploader avec ReactJS

J’ai amélioré l’administration de l’animalerie en y intégrant l’envoie d’images associées aux animaux des propriétaires.

Quelques liens utiles:

La démo web est disponible à l’adresse suivante ( actualisé le 15 février 2019):
http://antillestores.fr/react-admin-demo

Controle d’accès avec ReactJS

J’ai réalisé un contrôle d’accès avec React Admin et Spring Boot comme Back Office.

Quelques liens utiles:

La démo web est disponible !( actualisé le dimanche 13 février 2019):
http://antillestores.fr/react-admin-demo/

Pour mieux comprendre l’administration de l’animalerie , cliquez sur la démo web suivante:( actualisé le jeudi 28 février 2019)
http://antillestores-animalerie-simple.jl.serv.net.mx/