Curieux.se de découvrir les liens entre l'architecture web moderne et la performance ? 🔥 Inscrivez-vous gratuitement dès maintenant 👉 t.ly/UNxoY Ne manquez pas de rencontrer notre expert invité lors de la prochaine session 𝗧𝗲𝗰𝗵.𝗡𝗢 𝗦𝗲𝗰𝗿𝗲𝘁 : "𝗠𝗼𝗱𝗲𝗿𝗻 𝗪𝗲𝗯 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 & 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲 𝗗𝗜𝗦𝗖𝗟𝗢𝗦𝗘𝗗" 📢 𝗦𝗽𝗲𝗮𝗸𝗲𝗿 : Jamund Ferguson, Ingénieur Frontend Sr. chez Amazon 🗓 Jeudi 27 juin, 17h30 #TechNoSecrets #developpeurs #frontend #WebArchitecture #informatique #performanceWeb #ReactJS #DeveloppementWeb #Programmation
Post de LesJeudis
Plus de posts pertinents
-
✅ Ingénieur Logiciel spécialisé Backend | DevOps | Coache sur les bonnes pratiques de développement informatique | Expertise en PHP Symfony & Laravel | Expertise en CI/CD, AWS & Infrastructure as Code
Question pour développeurs #séniors Encore mieux si tu es fullstack D’après votre expérience, le #framework choisit côté #frontend est il super important contrairement au backend où il reste un détail ?
Identifiez-vous pour afficher ou ajouter un commentaire
-
Vercel : Vercel est une plateforme fortement optimisée pour les développeurs front-end, spécialement conçue pour le déploiement d'applications Jamstack (JavaScript, APIs et Markup). Elle s'intègre parfaitement avec Next.js, bien qu'elle prenne en charge d'autres frameworks comme React, Vue, Svelte, et bien d'autres. Vercel se concentre principalement sur la génération de sites statiques et les fonctions serverless. Render : Render est une plateforme full-stack de cloud computing qui permet de déployer facilement non seulement des sites web, mais aussi des services back-end, des workers en arrière-plan, et des bases de données. Contrairement à Vercel, qui est principalement orienté front-end, Render est plus adapté aux projets complexes, incluant la gestion des bases de données et des tâches backend. Comparaison Orientation : Vercel est idéal pour les développeurs front-end qui se concentrent sur des applications statiques ou serverless, en particulier avec Next.js. Render offre une approche plus complète pour les développeurs qui ont besoin de gérer à la fois des services front-end et back-end, ainsi que des bases de données et des tâches plus complexes. Cas d'utilisation : Vercel est parfait pour des sites statiques, des blogs, des sites marketing, et des applications web à chargement rapide. Render est plus adapté aux applications complexes nécessitant des bases de données, des APIs, ou des microservices.
Identifiez-vous pour afficher ou ajouter un commentaire
-
Pouvez-vous garder un secret ? Nous non plus. Inscrivez-vous gratuitement à la prochaine 𝗧𝗲𝗰𝗵.𝗡𝗢 𝗦𝗲𝗰𝗿𝗲𝘁 "𝗠𝗼𝗱𝗲𝗿𝗻 𝗪𝗲𝗯 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 & 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲 𝗗𝗜𝗦𝗖𝗟𝗢𝗦𝗘𝗗" 👉 t.ly/rSRzs et demandez-nous tout ce que vous voulez savoir sur l'impact des derniers Frameworks et architectures Web sur les performances ainsi que sur les méthodes efficaces pour les mesurer. Jamund Ferguson, Ingénieur Frontend Senior, répondra à vos questions les plus plébiscitées. Comment❓ Lors d'une rencontre virtuelle de 30 minutes 🗓 Jeudi 27 juin #TechNoSecrets #developpeur #frontend #ArchitectureWeb #performance #informatique
Identifiez-vous pour afficher ou ajouter un commentaire
-
🚀 Angular 18 vient de sortir et apporte son lot de changements et nouveautés. Découvrez-les dans cet article : https://lnkd.in/e5d6qPg6 #angular #frontend #typescript #webdevelopment
Identifiez-vous pour afficher ou ajouter un commentaire
-
Le nouvel article de mon blog parle de la façon dont #Analogjs permet de changer la façon d'écrire des composants #Angular ⚡ Concentrez vous sur l'essentiel, dites au revoir à tout le code "boilerplate" ! https://lnkd.in/eSSpkcG2 #typescript #frontend #webdevelopment
Une autre façon d'écrire un composant Angular avec Analog
lazybobcat.dev
Identifiez-vous pour afficher ou ajouter un commentaire
-
🚀 Mini Projet de Gestion de Produits et Catégories avec #React.js et #SpringBoot ! Je viens de terminer un mini projet qui combine #React.js pour l'interface utilisateur et #SpringBoot pour le backend. Ce projet m'a permis d'améliorer mes compétences dans l'utilisation des technologies modernes et dans la gestion d'appels API grâce à Axios. 🎯 Objectif : Gérer des produits et des catégories dans une interface web interactive. Fonctionnalités principales : ___* Gestion des produits : Ajout, modification et suppression des produits avec une relation vers leurs catégories respectives. ___* Gestion des catégories : Ajout, modification et suppression des catégories de produits. ___* Utilisation d'Axios pour les appels HTTP vers une API Spring Boot. ___* Interface réactive : Utilisation d'Ant Design pour la présentation avec des modaux pour l'ajout ,la modification et la suppression de données. Les technologies utilisées : #Frontend : #React.js avec #Axios et #AntDesign. #Backend : #SpringBoot (#RestController #entities #CORSFilter #EnableJpaRepositories #Basededonnées :#MySQL ! #CRUD #laragon #AXIOS #AntdDesign #MamyToOne
Identifiez-vous pour afficher ou ajouter un commentaire
-
On parle souvent de l'architecture en microservice pour la partie backend, mais connaissez-vous l'équivalent pour la partie front ? Depuis la fin de l'année dernière, je me forme et je mets en place une architecture en micro frontend. C'est un sujet que je trouve super intéressant, mais qui, bien sûr, n'est pas fait pour tous les projets. Alors pour vous donner une idée très générale, il s'agit d'une approche architecturale qui consiste à diviser une application web en petits composants indépendants. Il y a plusieurs avantages à utiliser cette approche, j'en ferai un article complet si ça vous intéresse. Je ferai également un autre article au bout d'un an d'utilisation pour avoir mon retour sur ce sujet. Notamment au sujet de certaines questions que je me posais au tout début, est-ce que le micro frontend est fait pour ce projet ? Est-ce que ce n'est pas une difficulté trop élevée par rapport au gain souhaité ? Est-ce qu'on peut sortir et gérer un process de mise en prod facilement avec le micro frontend ? Et vous ? Vous avez déjà utilisé le micro frontend dans vos projets ? Quels en sont les avantages et les inconvénients selon vous ? #microfrontend #webdevelopment #frontend
Identifiez-vous pour afficher ou ajouter un commentaire
-
𝗡𝗼𝘂𝘃𝗲𝗮𝘂𝘁é𝘀 𝗱'#𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝟭𝟴 : 𝗦𝗶𝗺𝗽𝗹𝗶𝗳𝗶𝗲𝘇 𝘃𝗼𝘀 𝗱é𝘃𝗲𝗹𝗼𝗽𝗽𝗲𝗺𝗲𝗻𝘁𝘀 ! 1️⃣ 𝗔𝗱𝗶𝗲𝘂 𝘇𝗼𝗻𝗲.𝗷𝘀 : Angular 18 introduit un mode sans zones qui améliore la performance et l'expérience développeur. Voici quelques avantages : - Meilleure composabilité pour les micro-frontends et interopérabilité. - Rendu initial et exécution plus rapides. - Taille de bundle réduite, débogage simplifié, et traces de pile plus lisibles. 2️⃣ 𝗨𝘁𝗶𝗹𝗶𝘀𝗮𝘁𝗶𝗼𝗻 𝗱𝗲𝘀 𝘀𝗶𝗴𝗻𝗮𝘂𝘅 : Utilisez des signaux dans vos composants pour une gestion plus efficace des états, rendant les interactions utilisateur plus fluides. 3️⃣ 𝗖𝗼𝗮𝗹𝗲𝘀𝗰𝗲𝗻𝗰𝗲 𝗽𝗮𝗿 𝗱é𝗳𝗮𝘂𝘁 : Réduisez les cycles de détection de changement inutiles pour des performances accrues. 4️⃣ 𝗔𝘀𝘆𝗻𝗰/𝗮𝘄𝗮𝗶𝘁 𝗻𝗮𝘁𝗶𝗳 : Profitez du support natif pour async/await, améliorant le débogage et réduisant la taille des bundles. 5️⃣ 𝗛𝘆𝗱𝗿𝗮𝘁𝗮𝘁𝗶𝗼𝗻 𝗲𝘁 𝗘𝘃𝗲𝗻𝘁 𝗥𝗲𝗽𝗹𝗮𝘆 : Rendez votre application interactive plus rapidement grâce à l'hydratation partielle et la relecture des événements utilisateur. 6️⃣ 𝗔𝗺é𝗹𝗶𝗼𝗿𝗮𝘁𝗶𝗼𝗻𝘀 𝗱𝗲𝘀 𝗳𝗼𝗿𝗺𝘂𝗹𝗮𝗶𝗿𝗲𝘀 : Abonnez-vous aux événements de changement d'état des contrôles de formulaire pour une meilleure gestion des formulaires. Adoptez Angular 18 pour des applications plus performantes et une expérience développeur optimisée ! #Angular #SoftwareDevelopment #FrontendDevelopment #WebPerformance #JavaScript #TechInnovation Source : https://lnkd.in/dMkvWVng
Identifiez-vous pour afficher ou ajouter un commentaire
-
>1500 Students - Object Essentialist | Hardcore XP | Test-Driving | Clean Architecture - Educator & Freelance SWE - Author of Pragmatic Objects - TS | NodeJS | Java | Kotlin | C#
Ce que j'attends d'un framework moderne dans le monde NodeJS ? - Un back-end traditionnel avec un serveur vivant - Un modèle d'exécution classique (Contrôleur qui génère une Vue) - Un moteur de templating moderne, composable & vivant (React) - Un rendu effectué côté serveur avant tout (SSR) - Un moyen de rendre ce templating vivant au besoin (Hydration) - Une DX moderne (avec le CSS/HTML qui se met à jour en instantané dans le navigateur) - Une authentification simple (basée sur les sessions) - La testabilité, avec des outils standard et agnostique comme Vitest ou Jest Pour moi, c'est vraiment standard. Mais aucune framework moderne ne coche tous ces points. Ce qui s'en rapproche le plus, C'est le combo Nest + Static Serve + Vite. Sauf qu'à ce moment là, On se contente de servir un SPA. Pas de SSR, pas de SEO, pas de performances. Alors que ce qui serait cool, Ce serait de pouvoir réutiliser Nest, Mais de pouvoir servir du React, Ou du Vue, En passant les props directement depuis Nest, En mode MPA / SSR. La cerise sur le gâteau, Ce serait d'avoir l'hydratation côté front, Pour avoir une vue vraiment vivante. Je voulais savoir si c'était possible, Alors j'ai fait un PoC, et je confirme que ça l'est. Vous pouvez jouer avec ici : https://swll.to/wcwNxp Mon plan, Ce serait d'en faire un plugin pour NestJS. Simple à installer et à configurer. Utilisable avec n'importe quel framework. Un seul code base, Une seule app, Un seul serveur, Le meilleur des deux écosystèmes. __________________________ 🎓 𝗔𝗽𝗽𝗿𝗲𝗻𝗱𝗿𝗲 𝗹𝗮 𝗖𝗹𝗲𝗮𝗻 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗲𝗻 𝗧𝗗𝗗 (-40% jusqu'à ce soir) => https://swll.to/ZZlBg0m ⭐ 𝗥𝗲𝘀𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗚𝗿𝗮𝘁𝘂𝗶𝘁𝗲𝘀 (𝗖𝗼𝘂𝗿𝘀 𝗧𝗲𝘀𝘁𝘀 𝗨𝗻𝗶𝘁𝗮𝗶𝗿𝗲𝘀, 𝗦𝗢𝗟𝗜𝗗...) => https://swll.to/X9g4oB
Identifiez-vous pour afficher ou ajouter un commentaire
-
💡Anthony a testé pour vous le mélange NestJS / pReact / Vite / Fastify ! L'objectif ? Servir des applications React depuis NestJS tout en profitant de l'hydratation côté front, de capacités de SEO,... Tout ça avec la puissance de NestJS que nous connaissons déjà 😉 #nestjsfr #nestjs #typescript #react #nodejs
>1500 Students - Object Essentialist | Hardcore XP | Test-Driving | Clean Architecture - Educator & Freelance SWE - Author of Pragmatic Objects - TS | NodeJS | Java | Kotlin | C#
Ce que j'attends d'un framework moderne dans le monde NodeJS ? - Un back-end traditionnel avec un serveur vivant - Un modèle d'exécution classique (Contrôleur qui génère une Vue) - Un moteur de templating moderne, composable & vivant (React) - Un rendu effectué côté serveur avant tout (SSR) - Un moyen de rendre ce templating vivant au besoin (Hydration) - Une DX moderne (avec le CSS/HTML qui se met à jour en instantané dans le navigateur) - Une authentification simple (basée sur les sessions) - La testabilité, avec des outils standard et agnostique comme Vitest ou Jest Pour moi, c'est vraiment standard. Mais aucune framework moderne ne coche tous ces points. Ce qui s'en rapproche le plus, C'est le combo Nest + Static Serve + Vite. Sauf qu'à ce moment là, On se contente de servir un SPA. Pas de SSR, pas de SEO, pas de performances. Alors que ce qui serait cool, Ce serait de pouvoir réutiliser Nest, Mais de pouvoir servir du React, Ou du Vue, En passant les props directement depuis Nest, En mode MPA / SSR. La cerise sur le gâteau, Ce serait d'avoir l'hydratation côté front, Pour avoir une vue vraiment vivante. Je voulais savoir si c'était possible, Alors j'ai fait un PoC, et je confirme que ça l'est. Vous pouvez jouer avec ici : https://swll.to/wcwNxp Mon plan, Ce serait d'en faire un plugin pour NestJS. Simple à installer et à configurer. Utilisable avec n'importe quel framework. Un seul code base, Une seule app, Un seul serveur, Le meilleur des deux écosystèmes. __________________________ 🎓 𝗔𝗽𝗽𝗿𝗲𝗻𝗱𝗿𝗲 𝗹𝗮 𝗖𝗹𝗲𝗮𝗻 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗲𝗻 𝗧𝗗𝗗 (-40% jusqu'à ce soir) => https://swll.to/ZZlBg0m ⭐ 𝗥𝗲𝘀𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗚𝗿𝗮𝘁𝘂𝗶𝘁𝗲𝘀 (𝗖𝗼𝘂𝗿𝘀 𝗧𝗲𝘀𝘁𝘀 𝗨𝗻𝗶𝘁𝗮𝗶𝗿𝗲𝘀, 𝗦𝗢𝗟𝗜𝗗...) => https://swll.to/X9g4oB
Identifiez-vous pour afficher ou ajouter un commentaire
11 696 abonnés