Digests tagged with  React

DevoShare 0x1A

Les récentes avancées technologiques et les meilleures pratiques en développement logiciel sont au cœur de l'actualité. Les développeurs explorent de nouvelles méthodes pour optimiser les performances des applications React au-delà de React.memo, tandis que Microsoft annonce une version native du compilateur TypeScript, promettant des gains de performance significatifs. Parallèlement, des discussions émergent sur les limites des frameworks CSS et les pièges courants liés à la gestion du temps et des noms dans les logiciels. Les développeurs doivent également faire face à de nouveaux défis, notamment l'impact des bots alimentés par l'IA qui génèrent des tickets fictifs dans les dépôts open source, perturbant ainsi le travail des mainteneurs. Et un petit bonus sur la déclaration d'impôts (c'est la période).

10 bookmarks
React.memo Demystified: When It Helps and When It Hurts
A 10x Faster TypeScript - TypeScript
Beyond React.memo: Smarter Ways to Optimize Performance
TypeScript Migrates to Go: What’s Really Behind That 10x Performance Claim?
- YouTube

DevoShare 0x19

Édition spéciale React, avec des articles abordant des techniques avancées pour améliorer le développement avec React, notamment à travers l'encapsulation, l'utilisation de hooks personnalisés et la gestion des états. Des conseils pratiques pour optimiser la performance et la maintenabilité du code sont également mis en avant, ainsi que des réflexions sur l'évolution des outils React et des choix modernes pour démarrer un projet.

10 bookmarks
React Like a Pro: 10 Things I Regret Not Knowing Earlier
useEncapsulation | Kyle Shevlin
Open-Closed Principle in React: Building Extensible Components
17 Tips from a Senior React Developer
Was React Context a mistake?

DevoShare 0x18

L'amélioration de la productivité des ingénieurs logiciels et l'optimisation de l'expérience utilisateur occupent une place centrale dans les articles de cette sélection. Des outils pour faciliter la gestion de versions Node.js aux pratiques pour booster l'efficacité personnelle, en passant par des réflexions sur l'avenir des plateformes comme StackOverflow, ces ressources couvrent divers aspects du développement moderne, y compris l'UX, la performance web, et les algorithmes de compression.

10 bookmarks
21st.dev - The NPM for Design Engineers
Taking a Look at Compression Algorithms
GitHub - Schniz/fnm: 🚀 Fast and simple Node.js version manager, built in Rust
Dangit, Git!?!
SQL NULLs are Weird!

DevoShare 0x17

Les articles couvrent une variété de sujets techniques, allant des meilleures pratiques en développement logiciel à l'optimisation des bases de données et à l'impact environnemental de l'IA. Ils explorent également des outils et des frameworks pour améliorer la productivité et la performance des applications. Les discussions incluent des conseils pour les développeurs sur l'écriture de commentaires de code, l'importance des applications "offline-first", et les défis liés à l'utilisation des passkeys pour la sécurité.

10 bookmarks
What Every Developer Should Know About Offline-First Apps - Dev Starter Packs
Writing system software: code comments. - <antirez>
OpenAPI document generation in .NET 9 - .NET Blog
Please Don’t Force Dark Mode — Vishnu’s Pages
Dioxus | Fullstack crossplatform app framework for Rust

DevoShare 0x15

Les articles de cette édition couvrent un large éventail de sujets techniques, des bonnes pratiques en développement web à la gestion des systèmes distribués. L’accent est mis sur la sécurité des types en React, la modularité du code, ainsi que les défis rencontrés dans la gestion des cookies et des microservices.

8 bookmarks
elanmed.dev | Conditional Props in React Using Type Discrimination
React Anti-Pattern: Stop Passing Setters Down the Components Tree
Dependencies vs. devDependencies for JavaScript apps | Angelika.me
April King — Handling Cookies is a Minefield
HTTP/3 From A To Z: Core Concepts — Smashing Magazine

DevoShare 0x14

L'accessibilité web et la gestion efficace des applications restent des priorités essentielles pour les développeurs front-end. Cette édition explore des sujets clés, allant de l'amélioration de l'accessibilité et des bonnes pratiques React à la gestion de la dette technique et de la pagination SQL. Plusieurs articles offrent des conseils pratiques pour optimiser les performances et la sécurité des applications web. Et en prime, comment vous débarrasser des démarcheurs téléphonique !

9 bookmarks
April King — Cache-Control Recommendations
kentcdodds.com
“20% for tech debt” doesn’t work
JavaScript : présentation des “iterator helpers” - Code Heroes
Offset Considered Harmful or: The Surprising Complexity of Pagination in SQL

DevoShare 0x13

Structurer efficacement un projet React ou améliorer ses pratiques de développement nécessite des approches claires et adaptées aux besoins. Des techniques allant de l'organisation des dossiers et fichiers React aux bonnes pratiques de codage, en passant par l'optimisation des formulaires et des services back-end, offrent des solutions pour améliorer la maintenabilité, l'expérience utilisateur et les performances. Les articles mettent également en avant des habitudes et des ressources clés pour les ingénieurs, comme des guides de style SQL, des astuces front-end, ou des études de cas techniques, notamment sur les architectures performantes comme celle de Dropbox. Ces recommandations visent à optimiser la qualité des projets tout en favorisant l'efficacité et l'innovation.

8 bookmarks
React Folder Structure in 5 Steps [2024]
How to Structure Your React Projects
- YouTube
HTML Form Validation is heavily underused
The Architecture of Dropbox’s Load Balancing Service

Sportyma 01 - Dev

Cette liste propose une sélection variée d’articles et de ressources pour les développeurs et passionnés de technologie. Elle aborde des sujets tels que les différences entre l’intelligence artificielle, le machine learning et les réseaux neuronaux, ainsi que l’utilisation des classes finales en PHP pour optimiser des outils comme Rector et PHPStan. D’autres articles explorent des concepts pratiques en développement, comme le filtrage des objets de collection par type avec Laravel, ou une introduction aux schémas MySQL pour mieux structurer ses bases de données. Pour les développeurs web, une ressource rassemble plus de 300 APIs gratuites essentielles, tandis qu’une analyse des tendances JavaScript pour 2024 met en lumière les frameworks et bibliothèques à surveiller. Les développeurs React pourront approfondir leur compréhension des rendus, effets et références. Enfin, les amateurs de création de jeux découvriront le moteur Godot, un outil libre et open source pour créer des jeux en 2D et 3D.

8 bookmarks
Why Final Classes make Rector and PHPStan more powerful
Filtering Collection Objects by Type with whereInstanceOf - Laravel News
Introduction to schema — MySQL for Developers — PlanetScale
300+ FREE APIs Every Developer Needs to Know
2024 JavaScript Rising Stars

DevoShare 0x12

Cette sélection couvre des sujets essentiels pour les développeurs : des bonnes pratiques de récupération de données et de gestion du state en React, des conseils pour optimiser la performance du JavaScript, et des techniques pour améliorer la sécurité des mots de passe et la gestion des logs dans les systèmes. On terminera par une série d'articles sur un classique de l'architecture : le *Domain Driven Development*. Bonne lecture !

7 bookmarks
How to fetch data in React [2024]
Favicon That Works for Light and Dark Mode
Pourquoi muter le state pose problème en React
- YouTube
An Engineer’s Checklist of Logging Best Practices

Tech Paf #37

Retrouvez Tech Paf, notre veille sur l'écosystème React & JS ⚛️

6 bookmarks
VeVe: Launching a comics store with Marvel and handling 10k rps using Medusa’s Cart Module
Better Auth
The `use cache` Directive Deep Dive in Next.js
Understanding AI | Lee Robinson
The magic of Expo DOM Components