Javascript

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

javascript
Dev front

GSAP In Practice: Avoid The Pitfalls

Cet article aborde les défis rencontrés lors de l'utilisation de la librairie d'animation GSAP pour améliorer une page d'accueil avec des éléments dynamiques. Il traite des problèmes de compatibilité SVG, de la gestion des animations basées sur le défilement, de l'évitement du Flash Of Unstyled Content (FOUC), ainsi que de l'adaptation des animations pour mobile. Des solutions pratiques sont fournies pour chaque problème afin de faciliter l'animation sur le web.

marmelab.com

javascript
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

javascript
Dev front

Front-end application development, Symfony-style(s)

Cet article présente les deux approches pour le développement d'applications front-end avec Symfony, en utilisant Symfony UX pour des applications simples et API Platform pour des applications plus complexes reposant sur JavaScript. Il mentionne les avantages de chaque méthode et comment Symfony peut aider à créer des API avant même le développement de l'application JS.

dunglas.dev

javascript
Dev front

GSAP Basics: Dive into Web Animations

Cet article présente les bases de GSAP (GreenSock Animation Platform), une bibliothèque JavaScript permettant de créer des animations web complexes et performantes. Il aborde les concepts clés tels que les 'tweens' et les 'timelines', tout en fournissant des exemples pratiques de syntaxe pour animer des éléments de façon fluide et contrôlée. GSAP est mis en avant pour sa facilité d'utilisation et ses fonctionnalités avancées, rendant l'animation plus accessible aux développeurs.

marmelab.com

javascript
Fullstack

OpenTelemetry in Practice: Instrumenting JavaScript Apps for Tracing

Cet article explique comment instrumenter les applications JavaScript, en particulier celles utilisant Node.js et React, avec OpenTelemetry pour la collecte et l'exportation des données de télémétrie. L'accent est mis sur la traçabilité, essentielle pour le débogage dans les applications multi-niveaux. OpenTelemetry fournit des SDK et des API pour faciliter l'intégration, ainsi qu'une documentation complète. L'utilisation d'un Collector est recommandée pour gérer les données de télémétrie de façon efficace. L'article guide également sur la configuration de l'instrumentation automatique pour des applications Node.js, tout en présentant comment visualiser les traces via Jaeger.

marmelab.com

javascript
Autre

Announcing TypeScript 5.4 - TypeScript

TypeScript 5.4 est désormais disponible, introduisant des améliorations telles que la préservation du narrowing dans les closures, un nouveau type utilitaire pour faciliter l'inférence des types, et un support étendu pour certains appels de méthodes JavaScript. Cette version vise à simplifier la gestion des types et à améliorer l'expérience des développeurs, notamment avec des outils d'auto-complétion et de refactoring dans des environnements comme Visual Studio et VS Code.

devblogs.microsoft.com

javascript
Dev back

Write JavaScript Shell Scripts With Bun

L'arrivée de Bun Shell permet d'écrire des scripts en JavaScript rapidement. Bun, un runtime JavaScript performant, propose ce nouvel outil qui supporte la syntaxe UNIX et prétend être jusqu'à 20 fois plus rapide que d'autres solutions. Bien qu'il ne remplace pas encore complètement Bash en termes de performance, il offre un développement simplifié et une compatibilité avec TypeScript. Bun est en constante évolution et améliore l'expérience des développeurs avec des commandes UNIX intégrées.

marmelab.com

javascript
Autre

Announcing TypeScript 5.4 Beta - TypeScript

L'annonce de la version bêta de TypeScript 5.4 met en avant plusieurs nouvelles fonctionnalités, notamment la préservation des types spécifiques dans les closures, l'introduction de nouveaux types utilitaires pour améliorer l'inférence des types et l'ajout de déclarations pour de nouvelles méthodes JavaScript. Les changements visent à faciliter l'écriture de code JavaScript typé et à optimiser l'importation des modules.

devblogs.microsoft.com

javascript
Sécurité

Exploring Password Reset Vulnerabilities and Security Best Practices

Cet article aborde les vulnérabilités courantes dans les fonctionnalités de réinitialisation de mot de passe, telles que l'empoisonnement de l'en-tête Host et l'utilisation de jetons non expirant. Il décrit les mécanismes de réinitialisation de mot de passe, les erreurs potentielles et fournit des meilleures pratiques pour sécuriser cette fonction, comme la validation stricte des en-têtes ou l'utilisation de jetons uniques et temporaires.

www.vaadata.com

javascript