React

Dev front

How To Become A React-admin Grandmaster In 237 Easy Steps - API Platform Conference

Cet article présente comment utiliser la bibliothèque react-admin pour transformer une interface d'administration, générée automatiquement à partir d'une API avec API Platform, en une application attrayante. Il explore les hooks et les composants offerts par react-admin, tout en faisant le lien avec l'importance d'une bonne expérience utilisateur même pour des applications destinées aux clients. L'article s'adresse aussi à ceux qui n'ont pas de connaissances en JavaScript et les incite à s'y plonger.

Dev front

The Interactive Guide to Rendering in React

Cet article présente un guide interactif sur le processus de rendu dans React. Il explique comment React gère la création de l'interface utilisateur en utilisant des snapshots de composants, et aborde les aspects du rendu initial ainsi que les re-rendus qui se produisent lors des changements d'état. Il met en lumière les concepts de base tels que le fonctionnement des composants et les triggers de re-rendu, avec des exemples pratiques pour illustrer ces mécanismes. La compréhension de ces principes est essentielle pour bien travailler avec React et optimiser ses applications.

Dev front

API Platform Conference 2024 : Développer des composants avec Storybook | Les-Tilleuls.coop

L'API Platform Conference 2024, qui se tiendra à Lille, propose des interventions sur le développement en JavaScript. Adrien Guernier, développeur fullstack, présentera l'utilisation de Storybook pour développer des composants en isolation, facilitant ainsi le debuggage et la gestion des états des composants. Cet événement met en lumière les bonnes pratiques dans la création de composants intégrés dans des applications complexes.

Fullstack

Hacktoberfest @Paris [API Platform - Symfony - React Admin], API Platform Event - API Platform

L'événement Hacktoberfest organisé à Paris le 30 octobre 2019, par Les-Tilleuls.coop, invite les développeurs à contribuer à des projets Open Source comme API Platform, Symfony et React Admin. Le Hacktoberfest est une initiative mondiale visant à encourager les contributions au libre software, avec des récompenses pour les participants. Des mentors de la communauté Open Source seront présents pour assister les contributeurs. L'événement promet également des surprises et des goodies pour les participants.

Autre

SensioLabs Goes Headless with Storyblok: Unleashing Content Flexibi...

SensioLabs a choisi d'adopter un CMS headless avec Storyblok pour optimiser la gestion de contenu à travers plusieurs plateformes. Cette approche permet une séparation entre le backend et la présentation frontend, favorisant ainsi la flexibilité, la scalabilité et la distribution omnicanale. Grâce à StudioBlog, ils améliorent leurs workflows et soutiennent la collaboration entre développeurs et créateurs de contenu, tout en permettant la livraison de contenus dynamiques et rapides. Storyblok offre également un éditeur visuel, permettant aux utilisateurs non techniques de gérer le contenu facilement.

Autre

🌟Starlight - Faites briller votre documentation - BlackSwift

Cet article explore différentes solutions pour héberger des documentations, en examinant des projets basés sur JavaScript et Python tels que Docusaurus, Vitepress et Mkdocs. Il souligne l'importance de critères comme la légèreté, l'extensibilité et l'expérience utilisateur. L'auteur présente également Starlight, un template de projet Astro, qui vise à utiliser le moins de JavaScript possible tout en offrant des performances optimales.

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.