Quotidien Shaarli

Tous les liens d'un jour sur une page.

Aujourd'hui - October 27, 2026

Vue : garder un composant en mémoire avec KeepAlive - Alsacreations

Dans Vue, conserve en mémoire les composants masqués au lieu de les détruire, ce qui préserve leur état lors du passage entre onglets ou pages et évite leur reconstruction. L’article montre son usage avec les composants dynamiques et Vue Router, puis explique les hooks onActivated et onDeactivated pour gérer l’entrée et la sortie du cache. Les options include, exclude et max permettent de limiter les composants conservés et de maîtriser le coût mémoire.

JSON Streaming et AutoMapper 10.3 - JoliCode

AutoMapper 10.3 prend en charge le composant symfony/json-streamer pour traiter de volumineux JSON en flux, avec un moteur de mapping commun à ObjectMapper et Serializer. JoliCode présente json-stream-polyfill et l’extension native json-stream, qui décodent les données à la demande et limitent l’usage mémoire, notamment en lecture séquentielle. Dans ses benchmarks sur 20 000 objets, la lecture avec extension est jusqu’à 28,6 fois plus rapide que JsonStreamer de Symfony en configuration optimisée ; l’écriture reste en revanche plus lente. L’article détaille les compromis et options d’optimisation.

Dans les coulisses de mon dernier side project: les chiffres

Pour conclure sa série sur un outil de rétrospectives d’équipe développé avec Symfony depuis le 20 juin 2026, Jérémy Decool partage ses indicateurs de développement : 1 532 commits, 344 pull requests et 187 561 lignes de code réparties dans 3 369 fichiers. La CI représente 36 470 minutes d’exécution, essentiellement sur des runners auto-hébergés. Le projet compte 6 803 tests et 9 335 assertions, atteint 92,22 % de couverture des lignes et un score de mutation de 97 %. Il a été déployé 262 fois.

Fit height to background pattern size with calc-size()

Ahmad Shadeed montre comment ajuster automatiquement la hauteur d’une section CSS à un multiple de la hauteur d’un motif de fond répété, afin d’éviter qu’il soit coupé en bas. La combinaison de calc-size(auto, ...) et round() conserve la taille du motif, contrairement à background-repeat: round, qui le redimensionne. L’article compare les arrondis vers le haut ou le bas, puis adapte les marges internes avec padding-block. Cette technique ne fonctionnait que dans Chrome à la publication, en octobre 2026.

Dans les coulisses de mon dernier side project: l'infrastructure

Pour faire travailler plusieurs agents IA en parallèle sur son application de rétrospectives, Jérémy Decool isole chaque worktree Git dans une instance Docker accessible via Traefik et FrankenPHP, tout en mutualisant PostgreSQL, Redis et Mailpit. La CI s'appuie sur GitHub Actions et des runners auto-hébergés provisionnés par Ansible. En production, il privilégie Docker Swarm sur un VPS Scaleway pour sa simplicité et sa proximité avec Compose. Deux réplicas PHP, des healthchecks et des migrations rétrocompatibles permettent les déploiements sans interruption ; Restic assure des sauvegardes chiffrées.