marmelab.com

Dev front

Handling Relationships in React Admin

Cet article présente comment React Admin gère les relations entre les ressources dans une application, en se concentrant sur la visualisation et l'édition de données relationnelles. Il explique l'utilisation de composants comme ReferenceField et ReferenceManyField pour naviguer et afficher des données liées, permettant ainsi de simplifier le traitement des relations un-à-plusieurs, plusieurs-à-un et plusieurs-à-plusieurs. Des exemples pratiques de codes sont fournis pour illustrer cette fonctionnalité, ainsi que des conseils sur la personnalisation de l'affichage des données de référence. Le tutoriel inclut aussi l'optimisation des appels d'API par l'agrégation des requêtes et l'utilisation de Data Providers compatibles.

marmelab.com

javascriptvitereact
Fullstack

Best Open Source CRMs for 2025

Cet article présente les meilleures solutions CRM open source pour 2025, en mettant l'accent sur leur adaptabilité, leur coût et leur facilité de personnalisation pour les petites et moyennes entreprises. Il insiste sur l'importance d'un code modifiable et d'une bonne documentation, tout en évaluant des projets populaires comme Atomic CRM, Twenty, et d'autres, en fonction de divers critères allant de la facilité d'installation à la taille de la communauté de développeurs.

marmelab.com

node.jspostgresqlreact
Autre

Beyond Buttons: Using AI Agents To Augment Web Apps

Cet article explore comment intégrer des agents d'IA dans des applications web pour aider les utilisateurs à accomplir des tâches complexes sans changer l'interface utilisateur. En utilisant un agent conversationnel et des interactions vocales, l'IA peut remplir des formulaires et répondre aux questions des utilisateurs. Cela améliore l'expérience utilisateur, bien que des améliorations soient encore nécessaires, notamment en ce qui concerne la précision de la reconnaissance vocale et la rapidité des réponses de l'IA.

marmelab.com

openai apiweb speech apijavascript
Autre

React-admin: January 2025 Update

La mise à jour de janvier 2025 de React-admin présente de nouvelles fonctionnalités et améliorations, y compris un contrôle d'accès intégré, des améliorations du composant List View, et de nouvelles méthodes d'intégration de données. La version 5.3 rend le contrôle d'accès disponible dans la version open-source, permettant ainsi d'implémenter des stratégies telles que RBAC et ACL pour sécuriser les applications. D'autres améliorations incluent la prise en charge de la récupération et du préchargement des données, rendant les applications plus rapides et efficaces.

marmelab.com

javascriptrbacreact
IA

The Secret to Reliable AI Agents: Mastering Eval

Cet article aborde l'importance de l'évaluation dans le développement d'agents intelligents, en expliquant que 90 % du travail concerne l'optimisation des configurations pour obtenir des résultats fiables, rapides et rentables. Il détaille les divers paramètres d'évaluation et les outils spécialisés nécessaires pour tester et améliorer les agents, ainsi que les défis rencontrés lors de l'évaluation des modèles d'IA, tout en soulignant l'importance de choisir les bons métriques et outils pour garantir une performance optimale.

marmelab.com

aillmmachine learning
Autre

Google OAuth in React: A Beginner???s Guide to Authentication

Cet article propose un guide pour intégrer Google OAuth dans une application React. Il explique comment configurer un projet API Google, créer une application React utilisant Google Identity Services pour l'authentification, et établir une architecture backend avec Express pour vérifier les tokens d'utilisateur. Le processus comprend la création d'un nouvel API, l’installation d'authentification, et la sécurisation de l'application avec des vérifications côté serveur.

marmelab.com

expressgoogle identity servicesreact
Fullstack

PostgREST: Revolutionizing Web Development with Instant APIs

PostgREST permet de transformer directement une base de données PostgreSQL en une API REST fonctionnelle sans nécessiter de développement backend. Cela simplifie le processus de création d'API, permettant aux développeurs de se concentrer sur le frontend et de réduire le code à maintenir. L'intégration avec des outils comme Supabase et React-Admin facilite encore plus la gestion de l'authentification et la création d'interfaces utilisateur.

marmelab.com

postgrestreact-adminpostgresql
Fullstack

Behind the Code of Atomic CRM

Une interview avec Thor Schaeff de Supabase explore le processus de création d'Atomic CRM, un projet open-source. L'entretien aborde la pile technologique utilisée, les défis rencontrés, et les avantages de travailler avec Supabase, y compris l'intégration de PostgREST pour l'auto-génération des APIs de données et l'utilisation de React-Admin pour simplifier le développement des applications B2B.

marmelab.com

react-adminpostgrestsupabase
Dev front

useContextSelector: Speeding Up React Apps With Large Context

Cet article traite de l'utilisation de la librairie open-source 'use-context-selector' pour optimiser la performance des applications React utilisant de grands contextes. Lorsqu'un changement se produit dans un contexte volumineux, tous les composants qui en dépendent sont rerendus, ce qui peut nuire à la performance. L'article présente diverses solutions, comme le découpage des composants et l'utilisation de bibliothèques de gestion d'état comme Redux et Recoil. Le 'use-context-selector' permet de lire une partie du contexte et de ne pas rerendre les composants lorsque d'autres parties changent, offrant ainsi des améliorations de performance significatives.

marmelab.com

reactreduxrecoil