Dev front

2024-10-31Dev 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.

api-platform.com

api platform javascript react

2024-10-31Dev front

clang-format + clang-tidy dans Neovim(CoC) avec clangd en C++

L'article présente l'utilisation de clang-format et clang-tidy dans l'environnement Neovim avec le plugin CoC pour améliorer le formatage et l'analyse de code en C++. Il décrit les étapes d'installation et de configuration pour automatiser ces tâches, y compris l'intégration des outils pour le style de formatage et les diagnostics de code, facilitant ainsi la lecture et la qualité du code.

blog.kor51.org

clang-format neovim c++

2024-10-31Dev 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.

ui.dev

javascript dom react

2024-10-31Dev front

Transforming colors with matrices

Cet article aborde l'utilisation des matrices pour transformer les couleurs dans les shaders, en présentant des opérations simples comme l'assombrissement d'une couleur. Il explique comment les matrices permettent de combiner ces transformations de manière efficace, bien qu'il souligne que certaines opérations de couleur, comme les transformations de l'espace colorimétrique, ne peuvent pas être linéaires. L'accent est mis sur l'importance des couleurs prémultipliées pour faciliter les calculs.

lisyarus.github.io

color transformation shader programming matrices

2024-10-31Dev front

Svelte 5 Released | Hacker News

Svelte 5 offre une meilleure gestion de la complexité d'état. Il reste accessible pour ceux qui n'ont que des connaissances en HTML, CSS et JavaScript. Bien que certains trouvent que les nouveaux concepts, comme les 'runes', ressemblent à des choix discutables, beaucoup apprécient la simplicité de Svelte par rapport à React. L'écosystème de Svelte continue d'évoluer, et les utilisateurs expriment leur satisfaction quant à l'expérience de développement qu'il propose.

news.ycombinator.com

svelte javascript css

2024-10-31Dev front

How Vercel adopted microfrontends - Vercel

Cet article décrit comment Vercel a amélioré ses temps de construction et son efficacité des développeurs en adoptant une architecture de microfrontends verticaux. En décomposant leur application principale en sections logiques, Vercel a réduit les temps de construction de 40% et optimisé les dépendances, ce qui a également amélioré la performance utilisateur dans des indicateurs comme le Largest Contentful Paint. Grâce à des outils comme Turborepo et Next.js Multi-Zones, Vercel a pu migrer progressivement vers ces microfrontends tout en maintenant une expérience utilisateur fluide. L'article souligne les avantages et les défis des microfrontends, ainsi que l'importance de la migration incrémentale.

vercel.com

next.js turborepo microfrontends

2024-10-30Dev front

Website Improvement: Social Post Preview Image

L'article présente une amélioration du site de PHPStan en ajoutant une image de prévisualisation pour les publications sur les réseaux sociaux. L'auteur explique comment il a utilisé des technologies modernes comme Eleventy et TailwindCSS pour générer statiquement le site, ainsi que des outils comme Parcel pour le bundling. Il décrit également le processus de capture d'écran d'une image créée avec TailwindCSS et son intégration dans le site pour améliorer la présentation lors du partage d'articles sur Twitter.

phpstan.org

eleventy parcel tailwindcss

2024-10-30Dev 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.

les-tilleuls.coop

javascript vue react

2024-10-23Dev front

Vite.js, l'outil de bundling qui enterre Webpack

L'article présente Vite.js comme un bundler moderne et rapide, conçu pour améliorer les temps de développement par rapport à Webpack. Il exploite les modules ES natifs et propose des optimisations telles que le pré-bundling. Vite se distingue par sa capacité à accélérer le processus de développement tout en maintenant des performances élevées pour la production, ce qui en fait un choix idéal pour les projets utilisant des frameworks comme Vue et React.

www.axopen.com

esm vite.js webpack

2024-10-17Dev front

Text Truncation with Ellipsis on Multiple Lines | 56kode

L'article traite de la troncation de texte avec des ellipses sur plusieurs lignes, en expliquant comment gérer l'affichage du texte long dans des espaces limités. Il présente des méthodes classiques pour tronquer le texte en une seule ligne, ainsi que des solutions pour les lignes multiples, en utilisant des propriétés spécifiques à WebKit et des solutions de repli pour les navigateurs non pris en charge. Ces techniques permettent de créer une solution robuste pour le rendu de texte tronqué sur différentes plateformes.

www.56kode.com

css html