Découvrez Blunt : une collection de classes CSS pour créer un layout responsive rapidement.

Découvrez Snowpack : un environnement de développement front moderne et rapide.

Parmi les atouts de Snowpack :

• Un environnement de développement qui démarre en 50ms ou moins.
• Un aperçu des modifications instantanément dans le navigateur.
• Intègre votre bundler préféré pour une production optimisée.
• Supporte Typescript, JSX, CSS Modules et plus encore.
• Connexion à vos outils préférés avec des scripts de compilation personnalisés et des plugins tiers.

Avec HTMX: vos appels Ajax et Websockets sont directement dans vos balises HTML.

Découvrez Corona Warn App sur GitHub, l'application officielle de suivi du COVID-19 open source proposée en Allemagne.

Cet article traite de la gestion et du reporting d'erreurs dans React. Vous découvrirez comment proposer une meilleure expérience utilisateur, même lorsque quelque chose ne fonctionne plus dans votre application.

L'auteur explique également comment utiliser Sentry pour monitorer les erreurs en temps réel.

Ce tutoriel est destiné à des développeurs React de tout niveau qui souhaitent mieux gérer les erreurs de leur app React. Le seul prérequis est de s'être familiarisé au préalable avec les classes de composants React. L'auteur utilise Yarn pour ce projet. 

Parmi les décisions que doit prendre un développeur front-end lorsqu'il construit un site web : quelle technique utiliser pour inclure une image ?

L'image peut apparaître via HTML, CSS ou être une image SVG. Choisir la bonne technique est important et peut jouer un rôle très impactant concernant les performances du site et son accessibilité. 

Dans cet article, vous apprendrez les différentes manières qu'il existe pour inclure une image. Vous découvrirez également, les avantages et les inconvénients de chaque méthode, et le contexte dans lequel chacune d'elles peut être utilisée.

Dans cet article, l'auteur fait un retour d'expérience de sa première création d'application avec React et React Native. Il nous livre les points dont il aurait aimé avoir connaissance avant de se lancer dans ce développement.

Il aborde des points essentiels tels que la librairie et sa différence avec un framework, le fait que les composants soient fait pour l'UI, la mise à jour des composants....

Si créer une application en React vous intéresse, cet article est fait pour vous !

Dans cette veille technique, découvrez un script JS moderne pour mettre en place un comparatif d'images sous forme de slider.

Les développeurs se demandent souvent comment ils peuvent optimiser le SEO de leur SPA (Single Page Application) et quels résultats ils obtiendront dans le moteur de recherche Google (blogs, portfolios, site ecommerce...). 

Ils se demandent également quelquefois à quel point il serait difficile de développer une application server-rendering. 

Dans cet article, découvrez un guide pour bien démarrer avec Nuxt.js et le server-rendering de SPA.

 

Les sites web et applications ont depuis toujours été créés principalement avec un fond clair. Néanmoins, de nombreux outils permettent désormais de changer le fond et proposent d'intégrer un "dark mode" ou fond sombre.

Ce dark mode semble de plus en plus apprécié par les utilisateurs, en favorisant par exemple, plus de confort de lecture. 

Dans cet article, vous découvrirez comment mettre en place efficacement des composants React en dark mode. Vous pourrez également retrouver les avantages et les inconvénients de l'implémentation d'un mode sombre.