Improving Performance of Micro-Frontend Applications through Error Monitoring

•

1 like•286 views

Complexity breeds complexity. In complex applications, finding root cause errors and which application is at fault can be like finding a needle in a haystack. Often we allow them to "fall through" to a console which is even worse. Error monitoring our production code can help us find root cause errors, deploy fixes and reduce performance impacting bugs fast. Let's walk through some of the dos and don'ts I've learned when trying to reduce errors and improve performance in micro-frontend applications. In a microservices architecture, where a mobile or web app can be pulling data from up to 15 different microservice applications, troubleshooting performance issues is a complex task. Learn lessons from practical experience.

Technology

Brought to you by
Improving Performance of
Micro-Frontend Applications
through Error Monitoring
Garrett Hamelin
Developer Advocate at Airbrake

Garrett Hamelin
Developer Advocate at Airbrake
■ Frontend developer
■ Former competitive Ballroom
Dancer
■ Former Teacher
■ Avid rock climber
■ Father of two
■ Tinkerer/gardener

How We Became “Civilized”
(an Evolution of Web Applications)

Web Applications v1.0
The Big Bang
● Basic pages
● Browser wars
● JS, CSS and HTML

Web Applications v2.0
The Naughty Aughts
● Recognizable patterns from
desktop App Dev more
● Plot Twist: Mobile
● Web starts stealing
Architecture patterns from
traditional Applications

Web Applications v2.1+
Framework Free for All
■ Single Page Applications
■ Frameworks = libraries
■ Internet of Things

Micro-Frontend Architecture
Approaches
■ Component Library
■ Application Per page
■ Federated modules
■ Very diﬃcult to debug

MFE Shared Library Example
Header
Nav Details
Footer
TEAM A
Header
Footer
Details
TEAM B
TEAM C
Nav
Internal Library

MFE individual pages example
Search
Team
Search
Page
Product
Team
Product
page
Cart Team
Cart
page
Account
Team
Account
page
Routing/Navigation

Federated modules
APP
2
APP
3
Build/Deploy Production
MFE
Final Product
all apps are
independent and are
ingested as assets at
runtime. State is NOT
Shared
Home App and State
Manager
APP
1

I thought your talk was about
Error Monitoring…

Trouble in Paradise
Microservices on trend
■ State is the most important
part of your application
■ Bugs in one “component” can
take others with it
■ Enter error and performance
monitoring for developers

Error & Performance Monitoring
Solutions

A micro frontend architecture is an approach to developing web applications as a composition of small frontend apps. Instead of writing a large monolith frontend application, the application can be broken down into domain-specific micro frontends, which are self-contained and can be developed and deployed independently. Each micro frontend can be owned by verticalised domain specific teams. Micro frontends do have advantages and disadvantages and they are not suitable in many cases. When micro frontends is a potential solution, make sure to use a domain driven top-down approach, with no big design upfronts. Keep it simple! Frontend Developer Love Amsterdam - 30 January 2018

"Micro-frontends: Scalable and Modular Frontend in Parimatch Tech", Kyrylo Ai...

Fwdays

Micro Front-End & Microservices - Plansoft

Miki Lombardi

Micro frontends

Assaf Gannon

Micro frontends" is a new trend in large single page applications (SPA). Single page applications have become increasingly large and resemble in behavior and life-cycle the server side monolith. Just as there is a movement to split server side monolithic applications into multiple robust micro-services, there is also a movement towards splitting up the client app into multiple parts that can be developed, and more importantly - deployed, independently thus increasing agility and lowering the risk of unexpected regressions in other parts of the application.

Introduction To Micro Frontends

Meitar Karas

Micro-frontend

Miguel Angel Teheran Garcia

Mikrofrontend a Module Federation

The Software House

Jakiś czas temu mikroserwisy zawładnęły umysłami i duszami backend developerów. Teraz nadszedł czas, by i ci na froncie odeszli od wiecznie żywych monolitów. Za sprawą Webpacka 5 i Module Federation pojawiła się nowa i ciekawa opcja realizacji idei mikrofrontendów. W trakcie prezentacji opowiem o tym, jak zacząć i zbudować solidny komponent z module federation, ile różnych frameworków użyć i czy w ogóle wykorzystanie mikrofrontendów jest dla wszystkich.

Micro Frontends Architecture - Jitendra kumawat (Guavus)

Tech Triveni

Micro Frontends Architecture is micro service approach for Frontend development. Micro Frontends thinks web-app as a composition of features which are owned by independent teams. Each team has a distinct area of business or mission it cares about and specialises in it. A team is cross functional and develops its features end-to-end, from database to user interface and take care of CI/CD. Micro service architechure is well know concept for backend point of view but In frontend we need to follow diffrent type of design pattern to achieve this. Key Take away: 1. Learn about Micro Frontend 2. How to practically use them 3. Key challenges

Good frontend development is hard. Scaling frontend development is even harder because you need to ensure that multiple teams can work on a big and complex project simultaneously and without any blockers. Today you often hear about micro frontends which are one of the more controversial Web topics. What are they? Are they worth all the fuzz? Should you implement them? As someone who worked at integrating this in Infobip’s Web Interface, I want to use our example to show you our way of thinking: how did we know that we have problems, how did we decide to approach the implementation of micro frontend architecture and why did we decide to go with it, and which problems we ran into. We will also look at alternate available possibilities useful for anyone.

FEVR - Micro Frontend

Miki Lombardi

Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS

KNOWARTH - Software Development Company

Design Systems - Develop multiple features across multiple platforms Isomorphic Systems - Javascript rendered on backend Shared Codebases - Component library, multiple teams, multiple platforms Seperation of Concerns - Services seperated out, easy to migrate Unit Testing - Much much needed State Management - Seperate out what application is doing from UI Logic. (Thanks to Facebook) Immutability -Core Javascript Principle we use in day to day life. Different ways to handle Asynchronous behavior - Async/await, observables, promises, etc.

Microservices

Stephan Lindauer

Architecture: Microservices

Amazon Web Services

Kevin Huang: AWS San Francisco Startup Day, 9/7/17 Architecture: When, how, and if to adopt microservices - Microservices are not for everyone! If you're a small shop, a monolith provides a great amount of value and reduces the complexities involved. However as your company grows, this monolith becomes more difficult to maintain. We’ll look at how microservices allow you to easily deploy and debug atomic pieces of infrastructure which allows for increased velocity in reliable, tested, and consistent deploys. We’ll look into key metrics you can use to identify the right time to begin the transition from monolith to microservices.

Globant development week / Micro frontend

Globant

Implementando una Arquitectura de Microservicios

Federico Damián Lozada Mosto

"Micro-frontends from A to Z. How and Why we use Micro-frontends in Namecheap...

Fwdays

Micro-frontends has been a hyped topic for the last several years but unfortunately, it is hard to find ready to production solution. We built in-house open-source solution that allows us to deliver more than 100 apps continuously. Micro-frontends is not only about code splitting it is about the full development cycle and I will try to explain to you how we use it in production. Browser. FrontEnd Frameworks. Gateway. Server. Scaling. Delivery.

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019

Codemotion

The web is changing every day and it’s so hard to follow and implement all the new and fancy stuff that is being built. Cool new frameworks, libraries, methodologies and new approaches to solving problems. Usually is not that easy to deprecate some old technology and migrate to the new one. There are not many developers that still want to work with Angular 1 or Backbone and moving to something new is becoming necessary. If this sounds familiar to you, then this talk is for you! There is an innovative way to migrate from the old technology, to change the applications step by step

Micro frontend

Amr Abd El Latief

"Micro-frontends, web development", Oleksandr Khivrych

Fwdays

Design patterns for microservice architecture

The Software House

The presentation from our online webinar "Design patterns for microservice architecture". Full video from webinar available here: https://www.youtube.com/watch?v=826aAmG06KM If you’re a CTO or a Lead Developer and you’re planning to design service-oriented architecture, it’s definitely a webinar tailored to your needs. Adrian Zmenda, our Lead Dev, will explain: - when microservice architecture is a safe bet and what are some good alternatives - what are the pros and cons of the most popular design patterns (API Gateway, Backend for Frontend and more) - how to ensure that the communication between services is done right and what to do in case of connection issues - why we’ve decided to use a monorepo (monolithic repository) - what we’ve learned from using the remote procedure call framework gRPC - how to monitor the efficiency of individual services and whole SOA-based systems.

Microservice Architecture using Spring Boot with React & Redux

NexThoughts Technologies

Why Microservice

Kelvin Yeung

A proper Microservice is designed for fast failure. Like other architectural style, microservices bring costs and benefits. Some development teams have found microservices architectural style to be a superior approach to a monolithic architecture. Other teams have found them to be a productivity-sapping burden. This material start with the basic what and why microservice, follow with the Felix example and the the successful strategies to develop microservice application.

Introduction to Microservices

Amazon Web Services

Microservice Architecture

tyrantbrian

Microservices architecture

Abdelghani Azri

Integration Patterns for Microservices Architectures

NATS

NATS was created by Derek Collison, founder and CEO of Apcera, who has spent 20+ years designing, building, and using publish-subscribe messaging systems. Unlike traditional enterprise messaging systems, NATS has an always-on dial tone that does whatever it takes to remain available. Learn how end users are building modern, reliable and scalable cloud and distributed systems with NATS. Talk given by David Williams, Principal, Williams & Garcia You can learn more about NATS at http://www.nats.io

Beyond The MVCgeorge.james

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino

What's hot

Micro frontend architecture_presentation_ssoni

Sandeep Soni

State of Micro Frontend

Yugo Sakamoto

Shift Remote FRONTEND: Micro Frontend Architecture: A Look Into the Future - ...

Shift Conference

FEVR - Micro Frontend

Miki Lombardi

Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS

KNOWARTH - Software Development Company

Microservices

Stephan Lindauer

Architecture: Microservices

Amazon Web Services

Globant development week / Micro frontend

Globant

Implementando una Arquitectura de Microservicios

Federico Damián Lozada Mosto

"Micro-frontends from A to Z. How and Why we use Micro-frontends in Namecheap...

Fwdays

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019

Codemotion

Micro frontend

Amr Abd El Latief

"Micro-frontends, web development", Oleksandr Khivrych

Fwdays

Design patterns for microservice architecture

The Software House

Microservice Architecture using Spring Boot with React & Redux

NexThoughts Technologies

Why Microservice

Kelvin Yeung

Introduction to Microservices

Amazon Web Services

Microservice Architecture

tyrantbrian

Microservices architecture

Abdelghani Azri

Integration Patterns for Microservices Architectures

NATS

What's hot (20)

Micro frontend architecture_presentation_ssoni

State of Micro Frontend

Shift Remote FRONTEND: Micro Frontend Architecture: A Look Into the Future - ...

FEVR - Micro Frontend

Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS

Microservices

Architecture: Microservices

Globant development week / Micro frontend

Implementando una Arquitectura de Microservicios

"Micro-frontends from A to Z. How and Why we use Micro-frontends in Namecheap...

Ivan Jovanovic - Micro Frontends - Codemotion Rome_2019

Micro frontend

"Micro-frontends, web development", Oleksandr Khivrych

Design patterns for microservice architecture

Microservice Architecture using Spring Boot with React & Redux

Why Microservice

Introduction to Microservices

Microservice Architecture

Microservices architecture

Integration Patterns for Microservices Architectures

Similar to Improving Performance of Micro-Frontend Applications through Error Monitoring

Beyond The MVCgeorge.james

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Jason Strimpel

Often business needs and developer needs are at odds when developing public facing web applications, sites that need to be indexed by search engines. Business is primarily concerned with factors such as search engine optimization, SEO, improving visitor retention and reducing bounce rates, while engineering is more concerned with improving developer ergonomics, code re-usage, separation of concerns, and code maintenance. This talk aims to describe a solution that satisfies both business and engineering requirements.

Hybrid mobile apps

Abraham Barrera

SPCA2013 - Building Windows Client Applications for SharePoint 2013

NCCOMMS

Gettings started with Web developmentUjjwal Ojha

Guide to web application development

Fingent Corporation

Net training in bhubaneswar

litbbsr

ASP.NET is a set of Web development tools offered by Microsoft. Programs like Visual Studio .NET and Visual Web Developer allow Web developers to create dynamic websites using a visual interface. Of course, programmers can write their own code and scripts and incorporate it into ASP.NET websites as well. Though it often seen as a successor to Microsoft's ASPprogramming technology, ASP.NET also supports Visual Basic.NET, JScript .NET and open-source languages like Python and Perl. ASP.NET is built on the .NET framework, which provides an application program interface (API) for software programmers. The .NET development tools can be used to create applications for both the Windows operating system and the Web. Programs like Visual Studio .NET provide a visual interface for developers to create their applications, which makes .NET a reasonable choice for designing Web-based interfaces as well.

Asp.net introduction to web development

omeed

Rutgers - History IntranetMichael Dobe, Ph.D.

How to build_a_mobile_site_with_drupalGreen For All

Native App + Wep App = ? (Hybrid Applications)

GameWisp

Micro Frontends.pptx

ShanAli738907

Web 2.0 Application development with Ruby on RailsAmit Mathur

LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx

chitrachauhan21

Frontend State of the union

Filip Bruun Bech-Larsen

webdevelopmentppt-210923044639 (1).pptx

learnEnglish51

Power up your Project Sites - SPS New Hampshire 2015

bgerman

SharePoint sites are great collaborative workspaces for teams and projects; with some customization, they can be even better. However, the rules have changed. Traditional farm solutions don’t play well in the cloud or even in the modern data center, because they can easily break SharePoint and circumvent security. The app store is great, but it isn’t really designed for large collections of auto-provisioned project or team sites. Meanwhile, Microsoft has started to discourage the use of web templates (the old “Save site as template”), further complicating matters. In this session you’ll learn how to develop rich collaborative applications with web parts, custom list forms, and more that run completely client-side and work on premises or in Office 365. Then you’ll see how to provision project or team sites along with these customizations from PowerShell, even right into Office 365. Don’t miss this opportunity to modernize your collaborative applications!

Web summit.pptx

171SagnikRoy

Design Based Devrajivmordani

Similar to Improving Performance of Micro-Frontend Applications through Error Monitoring (20)

Beyond The MVC

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife

Satisfying Business and Engineering Requirements: Client-server JavaScript, S...

Hybrid mobile apps

SPCA2013 - Building Windows Client Applications for SharePoint 2013

Gettings started with Web development

Guide to web application development

Net training in bhubaneswar

Asp.net introduction to web development

Rutgers - History Intranet

How to build_a_mobile_site_with_drupal

Native App + Wep App = ? (Hybrid Applications)

Micro Frontends.pptx

Web 2.0 Application development with Ruby on Rails

LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx

Frontend State of the union

webdevelopmentppt-210923044639 (1).pptx

Power up your Project Sites - SPS New Hampshire 2015

Web summit.pptx

Design Based Dev

More from ScyllaDB

Optimizing NoSQL Performance Through Observability

ScyllaDB

ScyllaDB has the potential to deliver impressive performance and scalability. The better you understand how it works, the more you can squeeze out of it. But before you squeeze, make sure you know what to monitor! Watch our experienced Postgres developer work through monitoring and performance strategies that help him understand what mistakes he’s made moving to NoSQL. And learn with him as our database performance expert offers friendly guidance on how to use monitoring and performance tuning to get his sample Rust application on the right track. This webinar focuses on using monitoring and performance tuning to discover and correct mistakes that commonly occur when developers move from SQL to NoSQL. For example: - Common issues getting up and running with the monitoring stack - Using the CQL optimizations dashboard - Common issues causing high latency in a node - Common issues causing replica imbalance - What a healthy system looks like in terms of memory - Key metrics to keep an eye on This isn’t “Death-by-Powerpoint.” We’ll walk through problems encountered while migrating a real application from Postgres to ScyllaDB – and try to fix them live as well.

Event-Driven Architecture Masterclass: Challenges in Stream Processing

ScyllaDB

Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...

ScyllaDB

Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...

ScyllaDB

Developer Data Modeling Mistakes: From Postgres to NoSQL

ScyllaDB

See where an RDBMS-pro’s intuition leads him astray – and learn practical tips for the data modeling transition ScyllaDB has the potential to deliver impressive performance and scalability. The better you understand how it works, the more you can squeeze out of it. However, developers new to high-performance NoSQL intuitively shoot themselves in the foot with respect to things like table design, query design, indexing, and partitioning. Watch where our experienced Postgres developer intuitively falls into traps that hurt performance and scalability. And learn with him as our database performance expert offers friendly guidance on navigating all the unexpected behaviors that tend to trip up RDBMS experts. This webinar focuses on common data modeling and querying mistakes that occur when developers move from SQL to NoSQL. For example: - Understanding query first design principles - Planning for schema evolution - Steering clear of common pitfalls and anti-patterns - Assessing data access patterns This isn’t “Death-by-Powerpoint.” We’ll walk through problems encountered while migrating a real application from Postgres to ScyllaDB – and try to fix them live as well.

What Developers Need to Unlearn for High Performance NoSQL

ScyllaDB

See where an RDBMS-pro’s intuition leads him astray – and learn practical tips for the transition ScyllaDB has the potential to deliver impressive performance and scalability. The better you understand how it works, the more you can squeeze out of it. However, developers new to high-performance NoSQL intuitively shoot themselves in the foot with respect to things like table design, query design, indexing, and partitioning. Watch where our experienced Postgres developer intuitively falls into traps that hurt performance and scalability. And learn with him as our database performance expert offers friendly guidance on navigating all the unexpected behaviors that tend to trip up RDBMS experts. Our first webinar of this series will cover common mistakes with practices such as: - Translating the data model to NoSQL - Optimizing table design - Optimizing query performance - Planning for partitioning This isn’t “Death-by-Powerpoint.” We’ll walk through problems encountered while migrating a real application from Postgres to ScyllaDB – and try to fix them live as well.

Low Latency at Extreme Scale: Proven Practices & Pitfalls

ScyllaDB

Expert tips on how to maximize your database performance at scale Untangle the complexity of achieving database performance at scale. Join this webinar to discover commonly overlooked ways to get predictable low latency, even at extreme scale. Our Solution Architects will walk you through the strategies and pitfalls learned by working on thousands of real-world distributed database projects, many reaching 1M OPS with single-digit MS latencies. In addition to offering clear recommendations, we’ll also explain the process behind how we arrived at them – so you can benefit from the lessons learned by other teams. We’ll cover how to: - Design and deploy a large-scale distributed database cluster - Optimize your clients’ interactions with it - Expand the cluster horizontally and globally - Ensure it survives whatever disasters the world throws at it

Dissecting Real-World Database Performance Dilemmas

ScyllaDB

Tackling your own database performance challenges is serious business. For a change of pace, let’s have some fun learning from other teams’ performance predicaments. Join us for an interactive session where we dissect four specific database performance challenges faced by teams considering or using ScyllaDB. For each dilemma, we'll: - Examine the context and technical requirements - Talk about potential solutions and cover the pros and cons of each - Disclose what approach the team took, and how it worked out About the speaker: Felipe is an IT specialist with years of experience on distributed systems and open-source technologies. He is one of the co-authors of "Database Performance at Scale", an Open Access, freely available publication for individuals interested on improving database performance. At ScyllaDB, he works as a Solution Architect.

Beyond Linear Scaling: A New Path for Performance with ScyllaDB

ScyllaDB

Linear scaling (sometimes near linear scaling) is often mentioned in several benchmarks, articles and product comparisons as proof that a given technology and algorithmic optimizations perform better than another. But is that really what performance is all about, and should you even care? This webinar discusses performance beyond linear scalability, including what typically matters more when running high throughput and low latency workloads at scale. We'll cover how ScyllaDB offers unparalleled performance and share our insights on: - The hidden aspects of linear scaling - When linear scaling matters most and when it’s simply irrelevant - Often overlooked considerations for optimizing and measuring distributed systems performance Watch now to learn from our experience (and lessons learned) in building the fastest NoSQL database in the world.

Dissecting Real-World Database Performance Dilemmas

ScyllaDB

Navigating Complex Database Performance Hurdles Tackling your own database performance challenges is serious business. For a change of pace, let’s have some fun learning from other teams’ performance predicaments. Join us for an interactive session where we dissect 4 specific database performance challenges faced by teams considering or using ScyllaDB. For each dilemma: - The presenters will describe the context and technical requirements - Together, we’ll talk about potential solutions and cover the pros and cons of each - Finally, we’ll disclose what approach the team took, and how it worked out Throughout the event, we’ll have opportunities to win ScyllaDB swag and prizes! Come prepared to engage in lively discussions and gain valuable insight into database performance strategies.

Database Performance at Scale Masterclass: Workload Characteristics by Felipe...

ScyllaDB

Database Performance at Scale Masterclass: Database Internals by Pavel Emelya...

ScyllaDB

Database Performance at Scale Masterclass: Driver Strategies by Piotr Sarna

ScyllaDB

Replacing Your Cache with ScyllaDB

ScyllaDB

Technical risks of putting a cache in front of your database– and what to do instead Teams experiencing subpar latency commonly turn to an external cache to meet the required SLAs. Placing a cache in front of your database might seem like a fast and easy fix, but it often ends up introducing unanticipated complexity, costs, and risks. External caches can be one of the more problematic components of distributed application architecture. Join this webinar for a technical discussion of the risks associated with using an external cache and a look at how ScyllaDB’s cache implementation simplifies your architecture without compromising latency. We’ll cover: - Different approaches to caching (pre-caching vs. caching, side cache vs. transparent cache) - 7 specific reasons why external caching ia a bad choice - Why Linux’s default caching doesn’t work well for databases - The advantages & architecture of ScyllaDB's specialized row-based cache - Real-world examples of why and how teams eliminated their external cache with ScyllaDB

Powering Real-Time Apps with ScyllaDB_ Low Latency & Linear Scalability

ScyllaDB

Discover how your team can achieve low latency at the extreme scale that your data-intensive applications require. We’ll walk you through an example of how ScyllaDB scales linearly to achieve 1M and then 2M OPS – with <1ms P99 latency. We’ll cover how this works on a sample realtime app (an ML feature store), share best practices for performance, and talk about the most important tradeoffs you’ll need to negotiate. Join us to learn: - Why and how to ensure your database takes full advantage of your cloud infrastructure - What architectural considerations matter most for high throughput and low latency - Key factors to consider when selecting a high-performance database

7 Reasons Not to Put an External Cache in Front of Your Database.pptx

ScyllaDB

Teams experiencing subpar latency commonly turn to an external cache to meet the required SLAs. Placing a cache in front of your database might seem like a fast and easy fix, but it often ends up introducing unanticipated complexity, costs, and risks. Caches can be one of the more problematic components of distributed application architecture. Join this webinar for a technical discussion of the risks associated with using an external cache and a look at an alternative strategy that simplifies your architecture without compromising latency. We’ll cover: - Different approaches to caching (pre-caching vs. caching, side cache vs. transparent cache) - 7 specific reasons why external caching can be a bad choice - Why Linux’s default caching doesn’t work well for databases - The advantages & architecture of specialized row-based caches - Real-world examples of why and how teams eliminated their external cache

Getting the most out of ScyllaDB

ScyllaDB

Expert tips on how to maximize your database potential If you’re considering or getting started with ScyllaDB, you’re probably intrigued by its potential to achieve high throughput and predictable low latency at a reasonable cost. So how do you ensure that you’re maximizing that potential for your team’s specific workloads and use case? This webinar offers practical advice for navigating the various decision points you’ll face as you assess whether ScyllaDB is a good fit for your team and later roll it out into production. We’ll cover the most critical considerations, tradeoffs, and recommendations related to: - Infrastructure selection - ScyllaDB configuration - Client-side setup - Data modeling

NoSQL Database Migration Masterclass - Session 2: The Anatomy of a Migration

ScyllaDB

NoSQL Database Migration Masterclass - Session 3: Migration Logistics

ScyllaDB

NoSQL Data Migration Masterclass - Session 1 Migration Strategies and Challenges

ScyllaDB

More from ScyllaDB (20)

Optimizing NoSQL Performance Through Observability

Event-Driven Architecture Masterclass: Challenges in Stream Processing

Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...

Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...

Developer Data Modeling Mistakes: From Postgres to NoSQL

What Developers Need to Unlearn for High Performance NoSQL

Low Latency at Extreme Scale: Proven Practices & Pitfalls

Dissecting Real-World Database Performance Dilemmas

Beyond Linear Scaling: A New Path for Performance with ScyllaDB

Dissecting Real-World Database Performance Dilemmas

Database Performance at Scale Masterclass: Workload Characteristics by Felipe...

Database Performance at Scale Masterclass: Database Internals by Pavel Emelya...

Database Performance at Scale Masterclass: Driver Strategies by Piotr Sarna

Replacing Your Cache with ScyllaDB

Powering Real-Time Apps with ScyllaDB_ Low Latency & Linear Scalability

7 Reasons Not to Put an External Cache in Front of Your Database.pptx

Getting the most out of ScyllaDB

NoSQL Database Migration Masterclass - Session 2: The Anatomy of a Migration

NoSQL Database Migration Masterclass - Session 3: Migration Logistics

NoSQL Data Migration Masterclass - Session 1 Migration Strategies and Challenges

Recently uploaded

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Aggregage

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Uni Systems S.M.S.A.

Large Language Model (LLM) and it’s Geospatial Applications

Rohit Gautam

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

GridMate - End to end testing is a critical piece to ensure quality and avoid...

ThomasParaiso2

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

DevOps and Testing slides at DASA Connect

Kari Kakkonen

Communications Mining Series - Zero to Hero - Session 1

DianaGray10

This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered: • Communication Mining Overview • Why is it important? • How can it help today’s business and the benefits • Phases in Communication Mining • Demo on Platform overview • Q/A

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

SOFTTECHHUB

As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.

UiPath Test Automation using UiPath Test Suite series, part 5

DianaGray10

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject. We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup. Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved. The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring. The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise. By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Neo4j

Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Albert Hoitingh

Recently uploaded (20)

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Large Language Model (LLM) and it’s Geospatial Applications

UiPath Test Automation using UiPath Test Suite series, part 6

GridMate - End to end testing is a critical piece to ensure quality and avoid...

GraphRAG is All You need? LLM & Knowledge Graph

Pushing the limits of ePRTC: 100ns holdover for 100 days

DevOps and Testing slides at DASA Connect

Communications Mining Series - Zero to Hero - Session 1

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

UiPath Test Automation using UiPath Test Suite series, part 5

Artificial Intelligence for XMLDevelopment

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

20240609 QFM020 Irresponsible AI Reading List May 2024

Securing your Kubernetes cluster_ a step-by-step guide to success !

Essentials of Automations: The Art of Triggers and Actions in FME

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Improving Performance of Micro-Frontend Applications through Error Monitoring

1. Brought to you by Improving Performance of Micro-Frontend Applications through Error Monitoring Garrett Hamelin Developer Advocate at Airbrake

2. Garrett Hamelin Developer Advocate at Airbrake ■ Frontend developer ■ Former competitive Ballroom Dancer ■ Former Teacher ■ Avid rock climber ■ Father of two ■ Tinkerer/gardener

3. How We Became “Civilized” (an Evolution of Web Applications)

4. Web Applications v1.0 The Big Bang ● Basic pages ● Browser wars ● JS, CSS and HTML

5. Web Applications v2.0 The Naughty Aughts ● Recognizable patterns from desktop App Dev more ● Plot Twist: Mobile ● Web starts stealing Architecture patterns from traditional Applications

6. Web Applications v2.1+ Framework Free for All ■ Single Page Applications ■ Frameworks = libraries ■ Internet of Things

7. “To Inﬁnity and Beyond” -Buzz Lightyear

8. Micro-Frontend Architecture Approaches ■ Component Library ■ Application Per page ■ Federated modules ■ Very diﬃcult to debug

9. MFE Shared Library Example Header Nav Details Footer TEAM A Header Footer Details TEAM B TEAM C Nav Internal Library

10. MFE individual pages example Search Team Search Page Product Team Product page Cart Team Cart page Account Team Account page Routing/Navigation

11. Federated modules APP 2 APP 3 Build/Deploy Production MFE Final Product all apps are independent and are ingested as assets at runtime. State is NOT Shared Home App and State Manager APP 1

12. I thought your talk was about Error Monitoring…

13. Trouble in Paradise Microservices on trend ■ State is the most important part of your application ■ Bugs in one “component” can take others with it ■ Enter error and performance monitoring for developers

14. Error & Performance Monitoring Solutions

15. Real Life Examples

Improving Performance of Micro-Frontend Applications through Error Monitoring

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Improving Performance of Micro-Frontend Applications through Error Monitoring

Similar to Improving Performance of Micro-Frontend Applications through Error Monitoring (20)

More from ScyllaDB

More from ScyllaDB (20)

Recently uploaded

Recently uploaded (20)

Improving Performance of Micro-Frontend Applications through Error Monitoring