marmelab.com

Fullstack

Continuous Migration: Keeping Users Uninterrupted

Cet article présente abord comment effectuer une migration continue d'une application, en maintenant une expérience utilisateur uniforme. Il décrit un exemple de migration de react-admin v3 vers v4, en soulignant les défis rencontrés lors de cette transition, tels que la gestion de l'authentification entre deux applications, l'affichage d'un menu de navigation cohérent, et l'utilisation de drapeaux de migration pour marquer les ressources migrées. Ces approches permettent de gérer progressivement les mises à jour sans perturber l'utilisation par les utilisateurs finaux.

marmelab.com

react-adminreact-routerexpress
Autre

Documentation: The Key Enabler For Open-Source Success

Cet article examine l'importance de la documentation dans le succès des projets open-source, en utilisant react-admin comme étude de cas. Il discute des défis rencontrés pour maintenir la satisfaction des utilisateurs, de l'état actuel de la documentation et des conseils pour rédiger une documentation efficace qui répond aux divers besoins des utilisateurs. L'accent est mis sur la nécessité de créer des guides faciles à comprendre, d'utiliser davantage de code que de texte et d'employer des données plausibles dans les exemples.

marmelab.com

react-admintypescriptjavascript
Dev front

The View Transition API: A New Way to Animate Page Transitions

L'API View Transition permet d'améliorer les transitions entre pages sur le web en ajoutant des animations fluides, comme des effets de fondu, grâce à une meilleure gestion du DOM. Bien qu'expérimentale et uniquement soutenue par les navigateurs basés sur Chromium, elle offre des possibilités de personnalisation via CSS et est intégrée à des frameworks comme React Router. Cependant, il est conseillé de ne pas l'utiliser en production à cause de certaines limitations comme l'interactivité durant les animations.

marmelab.com

view transition apicssreact router
IA

Optical Character Recognition on Handwritten Documents

Cet article explore les défis de l'OCR sur des documents manuscrits, en se concentrant sur des recensements de population. Il passe en revue des bibliothèques open-source comme Tesseract et OpenCV, ainsi que des services cloud tels qu'AWS Textract, Azure AI Document Intelligence et Google Cloud Document AI. Malgré des tentatives variées, aucune solution ne répond adéquatement aux besoins, ce qui pousse les auteurs à se tourner vers la littérature scientifique pour trouver une solution. Ils mentionnent un projet de recherche de l'Université de Rouen sur l'OCR pour des recensements similaires dans les années 1920 et 1930.

marmelab.com

ocraideep learning
Autre

Selling Open-Source Products Requires Sales & Marketing Skills

Cet article aborde l'importance des compétences en vente et en marketing pour transformer un projet open-source en entreprise rentable. Il souligne que la simple création d'un bon produit open-source ne garantit pas sa popularité ou ses ventes. Un développement commercial efficace et des stratégies marketing ciblées sont essentiels pour réussir dans la vente de produits basés sur des projets open-source, comme illustré par le parcours de react-admin.

marmelab.com

react-adminsaascrm
Dev front

Using React-Admin With Your Favorite UI Library

Cet article explique comment utiliser React-Admin avec n'importe quelle bibliothèque UI, comme DaisyUI et Tailwind CSS, au lieu de Material UI. Il décrit le processus de construction d'une application react-admin, y compris la configuration initiale, l'ajout d'un tableau de bord, la création d'une mise en page avec une barre latérale et la gestion des filtres. L'exemple proposé permet de maintenir toutes les fonctionnalités de react-admin tout en utilisant une nouvelle couche d'interface utilisateur.

marmelab.com

reactdaisyuitailwind css
Fullstack

From Open-Source Project to Marketable Product

Cet article décrit le parcours de transformation d'un projet open-source en produit commercialisable, en prenant l'exemple de 'react-admin'. Il aborde les critères pour qu'un projet open-source devienne rentable, tels que la capacité à résoudre un problème répandu et à avoir une proposition de valeur claire. L'auteur discute également des stratégies de monétisation possibles, comme le développement de fonctionnalités supplémentaires et les services de support.

marmelab.com

reactsaasopen-source
Dev front

Displaying Test Screenshots in GitHub Actions

Cet article explique comment afficher des captures d'écran de tests Cypress dans les actions GitHub pour mieux comprendre les échecs de tests. Il décrit comment configurer Cypress pour prendre automatiquement des captures d'écran lors de l'échec d'un test et comment les télécharger en tant qu'artefacts. De plus, il mentionne l'utilisation de Cypress Cloud pour voir les exécutions de tests en temps réel, permettant une meilleure visualisation des erreurs. La solution est également applicable avec Playwright.

marmelab.com

cypressgithub actionsplaywright