Fermer

juillet 17, 2019

VueJs Amsterdam 2019 – Résumé de l'expérience et des discussions (partie 3)


Étiez-vous à VueAmsterdam ou l'auriez-vous souhaité? Bien que quelque temps ait passé, les leçons apprises sont toujours inestimables. Prenons un moment pour revenir sur l’événement et sur les excellents orateurs qui nous ont présenté.

Bienvenue à la troisième partie de mon résumé de VueAmsterdam 2019. Je vais juste me lancer, mais si vous avez raté les parties précédentes, vous pouvez les trouver ici: Partie 1 et Partie 2 .

Après les composants Web d'Ana et Sherry avec Angular Talk, décrits dans l'article précédent Gijs Weterings est entré en scène pour parler des applications Web progressives.

Transformer votre application Web en PWA – Gijs Weterings

Employés du service "title =" Employés du service "/></p><p> Gijs a commencé son exposé par une introduction aux applications Web progressives (PWA) et a expliqué en quoi elles consistent et comment convertir une application normale. une application Web progressive: une application doit satisfaire à un ensemble d'exigences, et l'une des conditions les plus importantes est qu'une application doit être servie via HTTPS, sinon cela ne fonctionnera pas. En outre, Gijs a énuméré divers avantages des PWA et a montré comment en créer une. enregistrement d'un ouvrier de service.</p><p> <img decoding= Que-peut-on-PWA-faire "title =" Que-peut-on-PWA-faire "/></p><p> Les ouvriers de service sont au cœur du Web progressiste Applications. Les PWA offrent des fonctionnalités très utiles telles que des fonctionnalités de mise en cache et en mode hors connexion, d'accès aux API mobiles, de notifications push, etc. La présentation de Gijs consistait principalement en une procédure pas à pas. Outre l'enregistrement des employés de service, Gijs a montré comment implémenter différents types de mise en cache et comment utiliser les notifications push.</p><p> Cette présentation a constitué une introduction très utile à Progressive Web Apps pour ceux qui ne pouvaient pas en savoir plus. Selon <a href=caniuse.com tous les principaux navigateurs prennent désormais en charge les opérateurs de services, ce qui permet à de nombreux utilisateurs de tirer parti de ces fonctionnalités.

Le nouveau souffle de Bel-Air – Rick Hanlon

Automatisé complet les tests sont essentiels pour vérifier si une application s'exécutera sans erreur et pour s'assurer que les modifications de code n'introduisent pas de bogues. Jest est l'un des frameworks de test JavaScript les plus populaires et Rick Hanlon a présenté ses nouvelles fonctionnalités, en particulier les "adaptateurs personnalisés" et les "adaptateurs asymétriques et instantanés personnalisés".

FreshJest "title =" FreshJest "/ ></p><p> <img decoding=

Messages spécifiques d'erreur "title =" Messages d'erreur spécifiques "/></p><p> Les adaptateurs personnalisés autorisent l'extension" attendez "pour créer vos propres méthodes de correspondance. Cela devrait donner lieu à des tests plus concis, plus faciles à lire et à comprendre.A la place de messages d'erreur génériques, les agents de correspondance personnalisés permettent la création de messages d'erreur spécifiques. Vous pouvez créer un adaptateur personnalisé en utilisant expect.extend () api. [19659003] <img decoding= Non seulement moins de code est écrit dans le test en raison de l'abstraction des tests, mais les tests sont également plus faciles à suivre et fournissent un résultat plus significatif. Un autre exemple présenté par Rick montre comment les tests peuvent être facilement résumés et quelle différence les adaptateurs personnalisés font.

FreshNotFreshComparison-2 "title =" FreshNotFreshComparison-2 "/></p><p> Enfin, Rick a présenté des correspondants personnalisés asymétriques et instantanés. [19659003] <img decoding= Reste, GraphQL & gRPC – David Den Toom

Juste après Rick Après avoir terminé son exposé sur les adaptateurs personnalisés, David est arrivé sur scène et a commencé son exposé en expliquant les microservices et leurs avantages – par exemple, la liberté de choix technique, l’évolutivité et les déploiements. Cependant, les microservices ne sont pas sans inconvénients, car ils peuvent affecter les performances, rendre les tests plus difficiles et introduire une couche supplémentaire de complexité.

microservices "title =" microservices "/></p><p> Ensuite, David a mentionné BFF, et il ne voulait pas dire «meilleurs amis pour toujours».</p><p><img decoding=

reste-duplicate-bff "title =" reste-duplicate-bff " /></p><p> Après avoir parlé de BFF avec une API REST, David a comparé REST avec GraphQL et décrit leurs avantages et leurs inconvénients, contrairement aux API basées sur REST, qui ne nécessitent pas de moteur distinct pour chaque application.</p><p> <img decoding= https://grpc.io/ .

Par la suite, David a montré comment utiliser gRPC et comment un serveur utilisant gRPC se compare à un serveur GraphQL.

graphql-vs-grpc "title =" graphql-vs-grpc "/></p><p> David a couru tw o les scripts qui ont fait 1000 requêtes à GraphQL et au serveur gRPC. La différence était assez impressionnante, les résultats différant d’environ 2 secondes en faveur du serveur gRPC. Néanmoins, l’outillage pour gRPC est assez limité pour le moment. De plus, il n’est pas possible de CURLing les points de terminaison et le client doit avoir accès à un fichier .proto. Par conséquent, si vous devez choisir laquelle utiliser, n’oubliez pas d’analyser le pour et le contre des deux solutions.</p><h2 id= Quoi de neuf avec Gatsby.js – Kyle Mathews

intro "title =" intro "/></p><p> Gatsby.js est un framework gratuit et à code source ouvert basé sur React qui peut être utilisé pour créer des sites Web à rendu statique. Kyle Mathews, créateur de Gatsby, a présenté De nouvelles fonctionnalités à venir à Gatsby ainsi que ce que Gatsby a réussi à réaliser.Il existe des milliers de sites Web gérés par Gatsby et qui offre un écosystème florissant de contributeurs et de services open source. En outre, en partenariat avec Contentful, Gatsby sera lance son premier produit en nuage appelé Gatsby Preview.</p><p> <img decoding= Kendo UI – la bibliothèque de composants d'interface utilisateur complète qui vous permet de créer rapidement des applications réactives de haute qualité. Il comprend tout ce dont vous avez besoin, des grilles et graphiques aux menus déroulants et jauges.

KendoJSft "title =" KendoJSft "style =" vertical-align: middle; "/> </a></p><hr/></div> </pre><p><div class=

Le meilleur outil 2023 pour ta croissance Instagram !



Source link

Revenir vers le haut