React

Dev front

React-admin: October 2024 Update

L'update d'octobre 2024 de React-admin présente de nouvelles fonctionnalités et améliorations apportées depuis la version 5, publiée en juin. Les nouvelles versions mineures 5.1 et 5.2 introduisent des fonctionnalités telles que la prise en charge de nouveaux fournisseurs de données, des améliorations aux vues de liste et de détail, ainsi qu'une meilleure personnalisation de la page de connexion. Des notifications sur les filtres actifs dans les vues de liste et un composant de grille alternatif basé sur ag-grid sont également disponibles. De plus, les utilisateurs peuvent maintenant personnaliser les icônes de la page de connexion et bénéficier d'une meilleure gestion des paramètres d'URL durant la navigation.

marmelab.com

react
Autre

Introducing Atomic CRM: the Open-Source Toolkit for Personalized Solutions

Atomic CRM est un cadre CRM open-source destiné aux entreprises ayant des besoins uniques en matière de gestion de la relation client. Il offre des fonctionnalités essentielles telles que l'organisation des contacts, la gestion des tâches et des rappels, ainsi que l'intégration d'API pour une personnalisation aisée. Grâce à sa simplicité et sa capacité d'adaptation, Atomic CRM permet aux entreprises de créer des solutions personnalisées tout en maintenant la sécurité des données, puisque celles-ci peuvent être hébergées sur leur propre infrastructure.

marmelab.com

react
Dev front

JS Nation x React Summit 2024 highlights

La conférence JS Nation et React Summit 2024 a mis en avant divers sujets importants pour les développeurs front-end, allant de la résilience des bases de code à l'utilisation des API natives du navigateur pour construire des UI. Des intervenants comme Alex Moldovan et Vinicius Dallacqua ont partagé des conseils pratiques sur l'optimisation des performances et la testabilité du code, alors que d'autres présentations ont exploré comment les frameworks JS évoluent face à l'augmentation des coûts de rendu des applications SPA. Ces discussions soulignent l'importance des meilleures pratiques en développement web.

tech.bedrockstreaming.com

react
Dev front

Introducing React-Admin V5

La version 5 de React-Admin est maintenant disponible. Elle offre une multitude d'améliorations tant pour les utilisateurs que pour les développeurs, tout en minimisant les modifications majeures pour les mises à jour. Des améliorations de l'interface utilisateur ont été introduites, y compris un sélecteur de thème et une meilleure gestion des formulaires. Les types TypeScript sont plus stricts, permettant de détecter davantage d'erreurs à la compilation. La nécessité d'effectuer une mise à jour est détaillée, notamment des changements dans les composants principaux. Des ajustements permettent une flexibilité augmentée et soutiennent des cas d'utilisation plus complexes dans la création de formulaires.

marmelab.com

react
Fullstack

Using React-Admin With React Native

L'article explique comment utiliser React-Admin, un framework web pour créer des applications réactives, avec React Native pour construire une application mobile native. Il montre comment configurer un projet avec Expo, installer les dépendances nécessaires, et gérer les différences entre les plateformes web et mobile, tout en maintenant un code partagé. L'application résultante est réactive et fonctionne sur les deux plateformes.

marmelab.com

react
Dev front

Highlight Search Terms In Page Content

Cet article explique comment mettre en évidence des termes de recherche dans le contenu d'une page web. Il présente une bibliothèque JavaScript open-source qui permet de réaliser cette tâche sans modifier le DOM, ce qui est particulièrement utile dans des frameworks comme React, Vue ou Angular. L'auteur aborde les méthodes traditionnelles et les limitations de celles-ci, puis propose une solution utilisant l'API CSS Custom Highlight qui permet de styliser les mises en évidence via CSS. Bien que cette méthode ne fonctionne pas avec Firefox pour l'instant, elle est prometteuse pour améliorer l'interface utilisateur avec des résultats de recherche en direct.

marmelab.com

react
Autre

React Admin March 2024 Update

La mise à jour de mars 2024 de react-admin présente de nouvelles fonctionnalités, des composants améliorés et un nouveau canal YouTube. Parmi les ajouts, un nouveau composant de datagrid basé sur AG Grid, une démo d'application de prise de notes, un support amélioré pour i18next et Cognito, ainsi que des éléments révisés pour le suivi des changements. La mise à jour met également l'accent sur la personnalisation des colonnes pour les utilisateurs et l'ajout d'une fonctionnalité de recherche pour une intégration dans des pages personnalisées.

marmelab.com

react
Dev front

New client-side hooks coming to React 19

Le nouvel article aborde l'introduction de nouveaux hooks côté client dans React 19, se concentrant principalement sur la récupération de données et la gestion des formulaires. Ces hooks visent à améliorer la productivité des développeurs React, y compris ceux travaillant sur des applications monopages. Des fonctionnalités comme 'use(Promise)', 'use(Context)', et des actions de formulaire sont introduites pour simplifier la gestion des formulaires et améliorer l'expérience utilisateur, ainsi qu'un bonus pour les transitions asynchrones. Ces hooks peuvent être appelés dans des boucles et des déclarations conditionnelles, rendant le développement plus flexible.

marmelab.com

react
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

react
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

react