Modular Monoliths with Nx

•

0 likes•369 views

This document discusses using Nx for modular monolith architecture in Angular applications. It introduces Nx as a tool for managing monorepos, and describes how it can enforce module boundaries and shared dependencies. The document also presents improved patterns for organizing large enterprise Angular applications in a monorepo, with separate areas for UI, data access, models, routes, and APIs between domains.

Software

ng-journal.com
ng-journal.com
Modular Monoliths with
Nx
❤️

ng-journal.com
ng-journal.com
About me
• Stefan Haas
• Angular and Nx
• Nx Champion
• Freelancer (open to work)
• Trainer & Consultant
• Blogger

ng-journal.com
Motivation
Why you should care about frontend architecture

ng-journal.com
Monolith Modular Monolith

ng-journal.com
ng-journal.com
Lib B
2.0.0
Lib A
Lib C
App
1.3.0
1.3.0 2.0.0
Poly-Repo Approach

ng-journal.com
ng-journal.com
Lib B
2.0.0
Lib A
Lib C
App
1.3.0
1.3.0 2.0.0
Version Conflict!
Lib C: 1.3.0
Lib C: 2.0.0
Poly-Repo Approach

ng-journal.com
ng-journal.com
Lib B
Lib A
Lib C
App
Monorepo Approach

ng-journal.com
Why should you use a Monorepo?

ng-journal.com
ng-journal.com
Single Version Policy
Consistent Third-Party Dependencies
No semantic versioning needed
Consistent Tooling

ng-journal.com
ng-journal.com
Consuming libraries
Poly-Repo
1. 13.3.4  13.3.5
2. ng build
3. npm publish
4. npm install my-package@13.3.5
Monorepo
1. import { something } from ‘@ng-journal/lib’;

ng-journal.com
Nx
Professional tooling for monorepos

ng-journal.com
ng-journal.com
Third Party Tool
• De facto industry standard
• Extends the Angular CLI
• Caching, Interactive Graphs, Generators

ng-journal.com
Modularization
Enforcing Module Boundaries

ng-journal.com
Traditional Angular Architecture
App
Feature Feature Feature
Shared

ng-journal.com
Feature
Feature Feature
Feature
Feature
Feature
Feature
Feature
Feature
Becomes this …

ng-journal.com
Boundary A
Boundary B
Feature
Feature Feature
Feature
Feature
Feature
Feature
Feature
Feature

ng-journal.com
Enterprise Monorepo Pattern

ng-journal.com
Claim Contract Complaint Shared
Customer
Vertical Slicing

ng-journal.com
Claim Contract Complaint Shared
Customer
Vertical Slicing
Domains

ng-journal.com
Claim Contract Complaint Shared
Customer
Vertical Slicing
Domains
How to slice an app?

ng-journal.com
helper functions
adsfasdfsdfdfdf
business logic, services, state
Smartffffomponensdfffffff
ts
Dumb Components
AAAAAAAAAAAAA
Smart Components
Smart Components
feature-list
feature-
create
ui ui-form
data-access
utils-validators
Claim
feature-
details
Feature
UI
Data Access
Utils

ng-journal.com
Sharing dependencies between domains

ng-journal.com
Contract Claim
Contract Date
Picker
Direct access is forbidden!

ng-journal.com
Contract Claim
Shared
Contract Date
Picker
Shared Kernel

ng-journal.com
Contract Claim
Contract Date
Picker
Claim API
Private API

ng-journal.com
Contract Claim
Contract Date
Picker
Claim API
1 API for each consuming domain

ng-journal.com
ng-journal.com
Problems with the traditional
Enterprise Monorepo Pattern
• UI is allowed to inject services
• violating the “smart vs dumb component” principle
• Utils are not allowed to use models
• but needed for type predicates
• Where to put routes?

ng-journal.com
feature-
list
feature-
create
ui ui-form
data-access
utils-validators
Claim
feature-
details
api
Improved Enterprise
Monorepo Pattern

ng-journal.com
feature-
list
feature-
create
ui ui-form
data-access
utils-validators
Claim
feature-
details
api
routes
models
• routes
makes it possible to compose features on a page via
auxiliary routes
• models
contains interfaces
• ui
not allowed to depend on data-access
Improved Enterprise
Monorepo Pattern

ng-journal.com
GitHub - Repo
github.com/HaasStefan/ng-journal-insurance-
portal

ng-journal.com
Nx Workshop
• More on Modularization
• Nx Caching
• Distributed Caching
• Incremental Builds
• Custom Remote Cache
• Nx Plugins
• Generators
• @nx/devkit
• EJS
• CI/CD
ng-journal.com/workshops/nx-scaling-
angular-applications

The document discusses different approaches to controlling vehicles remotely using vocal commands in Java, including: 1. An object-oriented approach modeling commands as classes and executing them sequentially. 2. A pure functional approach using immutable functions to model commands and folding them to execute sequentially without side effects. 3. A functional approach with effects, using Try monads to isolate exceptions and allow sequential execution while handling errors.

The aggregate is dead! Long live the aggregate! - SpringIO.pdf

Sara Pellegrini

https://2023.springio.net/sessions/the-aggregate-is-dead-long-live-the-aggregate/ SARA PELLEGRINI - AXONIQ MILAN SAVIC - AXONIQ DDD’s definition of Aggregate may seem somewhat confusing - “An aggregate is a cluster of associated objects that we treat as a unit for the purpose of data changes.” Okay, let’s try to clarify - “You should consider your aggregate as a unit of consistency in your Domain.”. That doesn’t help either. As a matter of fact, while modeling our systems, we tend to group together events related to the same domain concept; we tend to define groups based on the nouns we find inside our events’ name: saying “this is our aggregate!”. According to the aggregate definition, we should instead ignore these nouns, and put together the data that change together. Easier said than done: in the modeling phase it is easy to make mistakes trying to identify the boundaries of our aggregates based on this rule. If we opt for saving the state of our aggregate as a series of events, we are in big trouble - any (serious) refactoring of the aggregate structure becomes close to impossible. The reason for this trouble is that we have to make a decision in the design phase for which we cannot be lenient. We are basically married to this decision forever. Due to the aforementioned reasons (and many others), people struggle with the Aggregate pattern. Some even say it is unnecessary, we are one of those. Let’s see whether we can model our business constraints without aggregates. Could we be more relaxed when consistency is in question? Join us to discover how!

AppDynamics Custom Transaction Correlation

AppDynamics

Introduction to Git and GitHub

Bioinformatics and Computational Biosciences Branch

This document provides an introduction to Git and GitHub. It begins with an overview of source control and the history of version control systems like SVN and CVS. It then discusses key concepts of Git like its three-tree architecture, branches and merging, and undoing changes. The document concludes with an introduction to GitHub, how to clone and collaborate on repositories, and some tips on reducing merge conflicts.

Asynchronous API in Java8, how to use CompletableFuture

José Paumard

OpenAPI development with Python

Takuro Wada

1) The document discusses using OpenAPI to describe APIs and increase productivity. It introduces OpenAPI tools like Swagger UI, Swagger Editor, and bravado-core that can generate documentation, validate requests, and convert data types. 2) An actual case study is presented on a manufacturing cloud platform called Kabuku Connect that uses the OpenAPI spec to generate API documentation, client code, and validate requests from the frontend. 3) The speaker encourages contributors to help support the new OpenAPI 3.0 specification and related tools, and invites attendees to apply for open developer roles at their company to build out projects using 3D printing and other technologies.

An introduction to Vue.js

Javier Lafora Rey

SOLID Design Principles

Andreas Enbohm

The document discusses the SOLID principles of object-oriented design: 1. The Single Responsibility Principle states that a class should have one, and only one, reason to change. 2. The Open-Closed Principle states that software entities should be open for extension but closed for modification. Behavior is changed through inheritance and composition rather than direct modification. 3. The Liskov Substitution Principle states that subclasses must behave in the same way as the base class so that the base class can be substituted wherever the subclass is expected. 4. The Interface Segregation Principle states that interfaces should be small and focused so that client classes do not depend on methods they do not use.

- The document introduces Docker, explaining that it provides standardized packaging for software and dependencies to isolate applications and share the same operating system kernel. - Key aspects of Docker are discussed, including images which are layered and can be version controlled, containers which start much faster than virtual machines, and Dockerfiles which provide build instructions for images. - The document demonstrates Docker's build, ship, and run workflow through examples of building a simple image and running a container, as well as using Docker Compose to run multi-container applications like WordPress. It also introduces Docker Swarm for clustering multiple Docker hosts.

Kubernetes extensibility: CRDs & Operators

SIGHUP

InjectionIII의 Hot Reload를 이용하여 앱 개발을 좀 더 편하게 하기.pdf

정민 안

XcodeGhost - https://en.wikipedia.org/wiki/XcodeGhost https://github.com/johnno1962/InjectionIII https://github.com/krzysztofzablocki/Inject Cookpad - 코드 생성을 이용한 iOS 앱 멀티 모듈화를 위한 종속 솔루션 - https://techlife.cookpad.com/entry/2021/06/16/110000 Modular iOS Architecture @ Just Eat https://tech.justeattakeaway.com/2019/12/18/modular-ios-architecture-just-eat/ App Modularization at Wayfair https://www.aboutwayfair.com/tech-blog/app-modularization-at-wayfair-how-we-unlocked-our-code-and-android-and-ios-teams-at-scale iOS-Clean-Architecture-MVVM https://github.com/kudoleh/iOS-Clean-Architecture-MVVM Android Clean Architecture https://medium.com/@kimtaesoo188/android-clean-architecture-2e789d6cefc6 Blog - Clean Architecture is not Domain-Data-Presentation https://markonovakovic.medium.com/clean-architecture-is-not-domain-data-presentation-e368d7ff8579 iOS Architecture at Lyft - https://scottberrevoets.com/2021/10/14/ios-architecture-at-lyft/

Gitlab Training with GIT and SourceTree

Teerapat Khunpech

A Separation of Concerns: Clean Architecture on Android

Outware Mobile

Presented at YOW! Connected 2015 by Kamal Kamal Mohamed & Ryan Hodgman As an Android developer, I want to deliver features without making compromises on code quality. Scenario 1 - Given I am dealing with 1000+ line activities, When I have to develop a complicated feature, Then I waste time orienting myself and fixing bugs. Scenario 2 - Given I have integrated a backend API directly into my app logic, When that API changes, Then I have to refactor large segments of unrelated logic in order to utilise the new API. Scenario 3 - Given I have cleanly architected my application, When business/presentation/backend logic changes, Then I can easily update the relevant code without breaking unrelated features! In this talk, two Android developers will present their take on what a cleanly architected app looks like and why it makes our lives easier. A well-defined separation of concerns has benefits not just for our sanity as developers, but also for the project workflow as it allows multiple developers to collaborate on a single feature with ease. We will be exploring how the domain-driven approach can improve code clarity, allow you to easily write tests, and provide a scalable infrastructure for you to quickly iterate on. Join us on our path of discovery as we discuss the advantages, drawbacks and implementation specifics in the context of a small sample project.

Airbnb가 직접 들려주는 Kubernetes 환경 구축 이야기 - Melanie Cebula 소프트웨어 엔지니어, Airbnb :: A...

Amazon Web Services Korea

Airbnb가 직접 들려주는 Kubernetes 환경 구축 이야기 Melanie Cebula 소프트웨어 엔지니어, Airbnb 스타트업 개발자라면 Kubernetes 환경 구현을 한번쯤 생각해보셨을 것입니다. 하지만 많은 개발자들이 Kubernetes를 어렵게 느끼고 있는 것도 사실입니다. 본 세션에서는 아마존웹서비스 상에서 수백개의 Kubernetes 서비스 개발을 거치며 천여명의 개발자들이 활용하고 있는 Airbnb에서 직접 사례를 소개 드립니다. Airbnb 본사 인프라스트럭처 엔지니어 Melanie Cebula가 들려주는 시행착오와 전략, 해결책을 통해 Kubernetes 환경을 보다 쉽게 접근하시는데 도움을 드릴 예정입니다.

Anatomy of a Spring Boot App with Clean Architecture - Spring I/O 2023

Steve Pember

In this presentation we will present the general philosophy of Clean Architecture, Hexagonal Architecture, and Ports & Adapters: discussing why these approaches are useful and general guidelines for introducing them to your code. Chiefly, we will show how to implement these patterns within your Spring (Boot) Applications. Through a publicly available reference app, we will demonstrate what these concepts can look like within Spring and walkthrough a handful of scenarios: isolating core business logic, ease of testing, and adding a new feature or two.

Cloud run - Serverless Containers Done Right

mfazal

Git and Github Session

GoogleDevelopersStud1

Github is an online hosting service for software development and version control that allows developers to store code and documentation in online repositories. Developers can collaborate on projects by making changes to code and documentation that are tracked by the version control system Git. Git allows developers to revert files or entire projects to previous versions, compare changes over time, experiment safely, and keep a revision history of the project.

Docker Swarm for Beginner

Shahzad Masud

This document provides an overview of Docker Swarm and how to set up and use a Docker Swarm cluster. It discusses key Swarm concepts, initializing a cluster, adding nodes, deploying services, rolling updates, draining nodes, failure scenarios, and the Raft consensus algorithm used for leader election in Swarm mode. The document walks through examples of creating a Swarm, adding nodes, deploying a service, inspecting and scaling services, rolling updates, and draining nodes. It also covers failure scenarios for nodes and managers and how the Swarm handles them.

Introducing GitLab (September 2018)

Noa Harel

The document discusses GitLab, an open source DevOps platform. It provides an overview of GitLab's features including version control, issue tracking, code review, continuous integration/delivery, security tools, and more. Recent landmarks for GitLab include being used by over 100,000 organizations and having over 2,000 contributors. The document promotes GitLab as a one-stop shop that allows development from idea to production.

Prometheus - Intro, CNCF, TSDB,PromQL,Grafana

Sridhar Kumar N

Introducing Async/Await

Valeri Karpov

Valeri Karpov will lead a workshop on async/await that includes two exercises. The schedule includes introductions to key concepts like return values, error handling, and loops/conditionals with async functions. Attendees will practice gathering blog post comments and retrying failed requests. Key takeaways are that async functions return promises, return resolves them while throw rejects them, and await pauses execution until a promise settles.

Vue JS Intro

Muhammad Rizki Rijal

Monitoring Kubernetes with Prometheus

Grafana Labs

Prometheus has become the defacto monitoring system for cloud native applications, with systems like Kubernetes and Etcd natively exposing Prometheus metrics. In this talk Tom will explore all the moving part for a working Prometheus-on-Kubernetes monitoring system, including kube-state-metrics, node-exporter, cAdvisor and Grafana. You will learn about the various methods for getting to a working setup: the manual approach, using CoreOSs Prometheus Operator, or using Prometheus Ksonnet Mixin. Tom will also share some little tips and tricks for getting the most out of your Prometheus monitoring, including the common pitfalls and what you should be alerting on.

Gitlab ci e kubernetes, build test and deploy your projects like a pro

sparkfabrik

This document discusses using GitLab CI and Kubernetes together for continuous integration, delivery, and deployment. It provides an overview of Kubernetes and GitLab, describes how to set up a GitLab runner using the Kubernetes executor, and provides an example YAML configuration. It also covers continuous deployment workflows, running GitLab on Kubernetes, and some tips and tricks as well as techniques for troubleshooting Kubernetes and GitLab CI/CD pipelines.

Context API in React

Lucas Lira Gomes

The Context API is a new feature in React 16.3 that allows components to share state globally without having to pass props down through intermediate components. It solves the problem of "prop drilling". The API works by creating a Context object that allows a component to subscribe to changes in a parent component. Any component can consume the Context to access the shared state without being nested inside the parent component. The document provides an overview of how to create Context objects, consume context in child components, update context values, and best practices for using Context including avoiding unnecessary re-renders and keeping code DRY with higher-order components.

Introduction to Docker - 2017

Docker, Inc.

This document provides an introduction to Docker and discusses how it helps address challenges in the modern IT landscape. Some key points: - Applications are increasingly being broken up into microservices and deployed across multiple servers and environments, making portability and scalability important. - Docker containers help address these issues by allowing applications to run reliably across different infrastructures through package dependencies and resources together. This improves portability. - Docker provides a platform for building, shipping and running applications. It helps bridge the needs of developers who want fast innovation and operations teams who need security and control.

Introduction to Kubernetes

Vishal Biyani

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

KNOWARTH - Software Development Company

This document discusses micro frontends, which divide large web applications into independent, standalone units. It outlines the issues with traditional monolithic applications, such as increased complexity and difficulty scaling. Micro frontends address these issues by allowing independent teams to work on separate application pieces with different technologies. The document covers micro frontend design considerations, communication patterns between units, and technical implementations using Angular Elements and the Frint framework.

Conversionista : Conversion manager course - Stockholm 20 march 2013

Craig Sullivan

The agenda covers various topics related to conversion optimization and user experience including recommended tools, project styles, analytics tips, best practices, and opportunities for site reviews. Key learning points from 6 years of optimization experience will also be discussed. The session will be led by an experienced director of optimization with past experience at several large companies.

What's hot

Prometheus - basics

Juraj Hantak

Introduction to Docker - VIT Campus

Ajeet Singh Raina

Kubernetes extensibility: CRDs & Operators

SIGHUP

InjectionIII의 Hot Reload를 이용하여 앱 개발을 좀 더 편하게 하기.pdf

정민 안

Gitlab Training with GIT and SourceTree

Teerapat Khunpech

A Separation of Concerns: Clean Architecture on Android

Outware Mobile

Airbnb가 직접 들려주는 Kubernetes 환경 구축 이야기 - Melanie Cebula 소프트웨어 엔지니어, Airbnb :: A...

Amazon Web Services Korea

Anatomy of a Spring Boot App with Clean Architecture - Spring I/O 2023

Steve Pember

Cloud run - Serverless Containers Done Right

mfazal

Git and Github Session

GoogleDevelopersStud1

Docker Swarm for Beginner

Shahzad Masud

Introducing GitLab (September 2018)

Noa Harel

Prometheus - Intro, CNCF, TSDB,PromQL,Grafana

Sridhar Kumar N

Introducing Async/Await

Valeri Karpov

Vue JS Intro

Muhammad Rizki Rijal

Monitoring Kubernetes with Prometheus

Grafana Labs

Gitlab ci e kubernetes, build test and deploy your projects like a pro

sparkfabrik

Context API in React

Lucas Lira Gomes

Introduction to Docker - 2017

Docker, Inc.

Introduction to Kubernetes

Vishal Biyani

What's hot (20)

Prometheus - basics

Introduction to Docker - VIT Campus

Kubernetes extensibility: CRDs & Operators

InjectionIII의 Hot Reload를 이용하여 앱 개발을 좀 더 편하게 하기.pdf

Gitlab Training with GIT and SourceTree

A Separation of Concerns: Clean Architecture on Android

Airbnb가 직접 들려주는 Kubernetes 환경 구축 이야기 - Melanie Cebula 소프트웨어 엔지니어, Airbnb :: A...

Anatomy of a Spring Boot App with Clean Architecture - Spring I/O 2023

Cloud run - Serverless Containers Done Right

Git and Github Session

Docker Swarm for Beginner

Introducing GitLab (September 2018)

Prometheus - Intro, CNCF, TSDB,PromQL,Grafana

Introducing Async/Await

Vue JS Intro

Monitoring Kubernetes with Prometheus

Gitlab ci e kubernetes, build test and deploy your projects like a pro

Context API in React

Introduction to Docker - 2017

Introduction to Kubernetes

Similar to Modular Monoliths with Nx

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

KNOWARTH - Software Development Company

Conversionista : Conversion manager course - Stockholm 20 march 2013

Craig Sullivan

Liferay DevCon 2014: Lliferay Platform - A new and exciting vision

Jorge Ferrer

Liferay is very well known as a good platform for building portals. It provides a nice combination of out of the box features, extensibility and application development options to build almost any website, portal or complex application without starting from scratch every time. But is that all it can do? For a few years the development world has been focusing more and more on developing for mobile and tablets, glasses and TVs or even provide public web APIs for any developers to build on top of a company’s services and content. And we have noticed “There isn’t a Liferay for those developers!”, most of that type development is started from scratch, “What if Liferay filled that gap?” During this talk we will show how the most recent developments of the Liferay team are building a more versatile and modular platform than ever, an environment to leverage the most modern frontend development tools for enterprise needs, a set of tools to build mobile apps (for any device) with a powerful backend in a tenth of the time it typically takes. And all of it Open Source and fully standards based.

My portfolio

Asad Khan 👨🏻‍💻

Cross Platform Mobile App Development

Synerzip

It covers - - Pros and cons of different strategies for developing mobile applications. - Leading choices for cross platform mobile application development. While there are many frameworks for cross platform application development, we will discuss two leading frameworks namely PhoneGap and Titanium Mobile. Find original copy at https://www.synerzip.com/webinar/cross-platform-mobile-app-development/

How To Manage Misaligned Stakeholders (Who Are Usually Misaligned)

Rich Mironov

Prioritization is hard, and we HOPE that a clear corporate strategy plus well-considered OKRs will get our internal stakeholders to agree on what’s most important: unambiguous #1 and #2 and #3 priorities. That our spreadsheets and analysis will sell everyone on our plan. But that rarely happens: Sales wants us to put 100% of our development effort against shiny new features (except when every big deal includes a commitment for some tiny off-off item); Support/Customer Success want 100% against bug fixes and workflow improvements and productivity tools; Engineering lobbies for better architecture and scalability and more refactoring... How do we understand this behavior, appreciate their effort (rather than just being frustrated), and find strategic tools that let us build out a single plan for our products and teams?

Embrace the frontend revolution

Alvaro Sanchez-Mariscal

During the last years we have been seeing a lot Javascript-based frontend tools becoming more and more popular. They are all wildly used because of the rise of Node JS. As developers we cannot ignore this revolution, but rather embrace it. In this talk I will speak about how to transition from monolithic applications to HTML5 apps + REST API's. From full stack developers to frontend+backend teams. I will also demonstrate how the development looks like using tools like AngularJS and Grunt for frontend development. Hurry up. They are coming...

Embrace the front-end revolution - Sánchez-Mariscal

Codemotion

The document discusses the front-end revolution from several perspectives. It advocates separating front-end development from back-end development by using a single-page application model with a pure JavaScript/HTML/CSS front-end and a RESTful API back-end. This allows the front-end to be more responsive, scalable, and independent from the back-end. It also allows teams to specialize in front-end or back-end development instead of requiring full-stack developers.

AngularJS Basics

Nikita Shounewich

- Angular is an open-source web application framework originally developed in 2009 that uses HTML as its template language. It is commonly used to create single-page applications. - Angular uses MVC architecture and two-way data binding between models and views. It has built-in dependency injection which allows for testable and scalable code. - Key Angular concepts include directives, filters, controllers and scopes which allow manipulating DOM elements and binding data. Modules are used to package code into reusable components.

Dynamic Reactor Pattern for Distributed Systems in Control and Monitoring

Jordan McBain

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

Sitecore

YouTube presentation: https://www.youtube.com/watch?v=pBkMZcj3Xoo Who needs Scully and Mulder when you can join two Sitecore technical demo gods to see the new capabilities of Sitecore Path Analyzer, a next-generation tool for visual data exploration and analysis on top of Sitecore Experience Database. Learn how we applied hot JavaScript technologies, including d3.js and react.js, and see the new front-end developer workflow used while developing on this completely new stack. Find out how we optimized performance, and all kinds of crazy futuristic things you can do with this technology. Speakers: Alex Shyba, Sitecore Fellow - Sitecore & Adam Weber, Advanced Innovation - Sitecore

APIdays Paris 2018 - Autonomous APIs, Zdenek Nemec, Founder, Good API

apidays

Responsive Web Design - Why and How

Judi Wunderlich

Dealing with Misaligned Stakeholders

Rich Mironov

Presented at #mtpcon APAC Prioritization is hard, and we HOPE that a clear corporate strategy plus well-considered OKRs will get our internal stakeholders to agree on what’s most important: unambiguous #1 and #2 and #3 priorities. That our spreadsheets and analysis will sell everyone on our plan. But that rarely happens: Sales wants us to put 100% of our development effort against shiny new features (except when every big deal includes a commitment for some tiny off-off item); Support/Customer Success want 100% against bug fixes and workflow improvements and productivity tools; Engineering lobbies for better architecture and scalability and more refactoring; Marketing wants us to document more use cases in more industries so that we can widen the funnel. We may wait for each department to “see the light” and give up its specific asks in favor of the greater good, but that can be a very long wait.

Single Page Applications – Know The Ecosystem system

Synerzip

This document discusses the ecosystem of single page applications (SPAs). It covers popular frontend frameworks for DOM manipulation, data access, templating, routing, and building responsive user interfaces. It also discusses architectural patterns like MVC/MVVM and module definition standards like AMD. Finally, it touches on building large scale SPAs, visualization libraries, CSS preprocessing languages, and tools for building and deploying SPAs.

The Spirit of Opensource - contribution as a strategy for growth and innova...

Parth Lawate

Updated Slides with a new Examples & concepts Open source is a powerful concept and used correctly it evolves a powerful & sustainable ecosystem around it. Open source can be a powerful strategy that drives growth and innovation. Learn how you or your company can adopt this powerful tool that not only increases your development velocity but also drives you to innovate and make a difference all while running a sustainable business around it .

"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...

Eurapp

Rebooting the EU App Economy / Fraunhofer HHI, Berlin, Germany / 13th November 2013 Dimitris Michalakos, Web Technology Lead, VisionMobile "How Can Web Devs Reach the Mobile Market?" Dimitris Michalakos is the web technology lead at VisionMobile. At VisionMobile, Dimitris is in charge of the Developer Economics portal and also leads the company’s research on web technologies. Dimitris is a developer and entrepreneur. As a developer he is fluent with HTML5, JavaScript, Node.js, SQL, Git, J2EE and PHP - including tinkering with JS visualisations. Dimitris is an engineer at heart. He enjoys breaking things apart to see how the work, except of course for his precious Firefox OS phone.

Flink Forward Berlin 2018: Wei-Che (Tony) Wei - "Lessons learned from Migrati...

Flink Forward

In modern applications of streaming frameworks, stateful streaming is arguably one of the most important usage cases. Flink, as a well-supported streaming framework for stateful streaming, readily helps developers spend less efforts on system deployment and focus more on the business logic. Nevertheless, upgrading from an existing production system to a new one with stateful streaming can still be a challenging task for any development team. In this talk, we will share our experience in migrating an existing system at Appier (an AI-based startup specialized with B2B solutions) to stateful streaming with Flink. We will first discuss how stateful streaming matches our business logic and its potential benefits. Then, we review the obstacles that we have encountered during migration, and present our solutions to conquer them. We hope that our experience and tips shared in this talk hints future users to prepare themselves towards applying Flink in their production systems more painlessly.

What is the Siemens Open Library, and How it Decreased Development Time for E...

DMC, Inc.

Presenter - John Sullivan Eden Innovations is scaling up its liquid chemical admix production facility and needed to move to a more robust automation system. In an effort to keep costs of the control infrastructure down, it was decided to keep the programming in-house and utilize the freely available Open Library as a base for their control system. This session will cover the benefits gained and challenges faced utilizing and customizing the Open Library for a bespoke controls system. The system was developed with minimal time investment by an engineer with no previous experience with the Siemens platform. Through customizing the open library, Eden was able to quickly develop a library that utilizes Siemens best practices and provides building blocks for any future development

Check Out our Rich Python Portfolio: Leaders in Python & Django‎

Zealous System

Similar to Modular Monoliths with Nx (20)

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

Conversionista : Conversion manager course - Stockholm 20 march 2013

Liferay DevCon 2014: Lliferay Platform - A new and exciting vision

My portfolio

Cross Platform Mobile App Development

How To Manage Misaligned Stakeholders (Who Are Usually Misaligned)

Embrace the frontend revolution

Embrace the front-end revolution - Sánchez-Mariscal

AngularJS Basics

Dynamic Reactor Pattern for Distributed Systems in Control and Monitoring

Path Analyzer X-Files: How We Built the Ultimate xDB Forensic Tool

APIdays Paris 2018 - Autonomous APIs, Zdenek Nemec, Founder, Good API

Responsive Web Design - Why and How

Dealing with Misaligned Stakeholders

Single Page Applications – Know The Ecosystem system

The Spirit of Opensource - contribution as a strategy for growth and innova...

"How Can Web Devs Reach the Mobile Market?" by Dimitris Michalakos, Web Techn...

Flink Forward Berlin 2018: Wei-Che (Tony) Wei - "Lessons learned from Migrati...

What is the Siemens Open Library, and How it Decreased Development Time for E...

Check Out our Rich Python Portfolio: Leaders in Python & Django‎

Recently uploaded

UI5con 2024 - Bring Your Own Design System

Peter Muessig

How do you combine the OpenUI5/SAPUI5 programming model with a design system that makes its controls available as Web Components? Since OpenUI5/SAPUI5 1.120, the framework supports the integration of any Web Components. This makes it possible, for example, to natively embed own Web Components of your design system which are created with Stencil. The integration embeds the Web Components in a way that they can be used naturally in XMLViews, like with standard UI5 controls, and can be bound with data binding. Learn how you can also make use of the Web Components base class in OpenUI5/SAPUI5 to also integrate your Web Components and get inspired by the solution to generate a custom UI5 library providing the Web Components control wrappers for the native ones.

E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies

Quickdice ERP

Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...

XfilesPro

一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理

dakas1

UMN硕士毕业证成绩单【微信95270640】购买（明尼苏达大学毕业证成绩单硕士学历）Q微信95270640代办UMN学历认证留信网伪造明尼苏达大学学位证书精仿明尼苏达大学本科/硕士文凭证书补办明尼苏达大学 diplomaoffer,Transcript购买明尼苏达大学毕业证成绩单购买UMN假毕业证学位证书购买伪造明尼苏达大学文凭证书学位证书,专业办理雅思、托福成绩单，学生ID卡，在读证明，海外各大学offer录取通知书，毕业证书，成绩单，文凭等材料:1:1完美还原毕业证、offer录取通知书、学生卡等各种在读或毕业材料的防伪工艺（包括烫金、烫银、钢印、底纹、凹凸版、水印、防伪光标、热敏防伪、文字图案浮雕，激光镭射，紫外荧光，温感光标）学校原版上有的工艺我们一样不会少，不论是老版本还是最新版本，都能保证最高程度还原，力争完美以求让所有同学都能享受到完美的品质服务。 #毕业证成绩单 #毕业証 #成绩单 #學生卡 #OFFER录取通知书 #雅思#托福等…… 国外大学明尼苏达大学明尼苏达大学毕业证offer制作方法（一对一专业服务） 1客户提供办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）； 2开始安排制作毕业证成绩单电子图； 3毕业证成绩单电子版做好以后发送给您确认； 4毕业证成绩单电子版您确认信息无误之后安排制作成品； 5成品做好拍照或者视频给您确认； 6快递给客户（国内顺丰国外DHLUPS等快读邮寄） — — 制作工艺【高仿真】— — 凭借多年的制作经验本公司制作明尼苏达大学明尼苏达大学毕业证offer《激光》《水印》《钢印》《烫金》《紫外线》凹凸版uv版等防伪技术一流高精仿度几乎跟学校100%相同！让您绝对满意。 — — -公司理念【诚信为主】— — — 我們以質量求生存.以服务求发展有雄厚的实力专业的团队咨询顾问为您细心解答可详谈是真是假眼见为实让您真正放心平凡人生,尽我所能助您一臂之力让我們携手圆您梦想! 此贴长年有效【贴心专线/微-信: 95270640】敬请保留此联系方式以备用！如有不在线请给我们留言！我们将在第一时间给您回复!上散发着一抹抹的光晕而这每处自然形成的细节融合在一起浑然天成的美实在令人心生愉悦小道的周边无秩序的生长着几株艳丽的野花红的粉的紫的虽混乱无章却给这幅美景更增添一份性感夹杂着一份纯洁的妖娆毫无违和感实在给人带来一份悠然幸福的心情如果说现在的审美已经断然拒绝了无声的话那么在树林间飞掠而过的小鸟叽叽咋咋的叫声是否就是这最后的点睛之笔悠然走在林间的小路上宁静与清香一丝丝的盛夏气息吸入身体昔日生活里的繁忙多

A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...

kalichargn70th171

一比一原版(USF毕业证)旧金山大学毕业证如何办理

dakas1

USF硕士毕业证成绩单【微信95270640】一比一伪造旧金山大学文凭@假冒USF毕业证成绩单+Q微信95270640办理USF学位证书@仿造USF毕业文凭证书@购买旧金山大学毕业证成绩单USF真实使馆认证/真实留信认证回国人员证明 #一整套旧金山大学文凭证件办理#—包含旧金山大学旧金山大学本科毕业证成绩单学历认证|使馆认证|归国人员证明|教育部认证|留信网认证永远存档教育部学历学位认证查询办理国外文凭国外学历学位认证#我们提供全套办理服务。一整套留学文凭证件服务：一：旧金山大学旧金山大学本科毕业证成绩单毕业证 #成绩单等全套材料从防伪到印刷水印底纹到钢印烫金二：真实使馆认证（留学人员回国证明）使馆存档三：真实教育部认证教育部存档教育部留服网站永久可查四：留信认证留学生信息网站永久可查国外毕业证学位证成绩单办理方法： 1客户提供办理旧金山大学旧金山大学本科毕业证成绩单信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）； 2开始安排制作毕业证成绩单电子图； 3毕业证成绩单电子版做好以后发送给您确认； 4毕业证成绩单电子版您确认信息无误之后安排制作成品； 5成品做好拍照或者视频给您确认； 6快递给客户（国内顺丰国外DHLUPS等快读邮寄）。教育部文凭学历认证认证的用途：如果您计划在国内发展那么办理国内教育部认证是必不可少的。事业性用人单位如银行国企公务员在您应聘时都会需要您提供这个认证。其他私营 #外企企业无需提供！办理教育部认证所需资料众多且烦琐所有材料您都必须提供原件我们凭借丰富的经验帮您快速整合材料让您少走弯路。实体公司专业为您服务如有需要请联系我: 微信95270640奈一次次令他失望山娃今年岁上五年级识得很多字从走出小屋开始山娃就知道父亲的家和工地共有一个很动听的名字——天河工地的底层空空荡荡很宽阔很凉爽在地上铺上报纸和水泥袋父亲和工人们中午全睡在地上地面坑坑洼洼山娃曾多次绊倒过也曾有长铁钉穿透凉鞋刺在脚板上但山娃不怕工地上也常有五六个从乡下来的小学生他们的父母亲也是高楼上的建筑工人小伙伴来自不同省份都操着带有浓重口音的普通话可不知为啥山娃不仅很快与他们熟识了

Enums On Steroids - let's look at sealed classes !

Marcin Chrost

WWDC 2024 Keynote Review: For CocoaCoders Austin

Patrick Weigel

E-commerce Development Services- Hornet Dynamics

Hornet Dynamics

INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES

anfaltahir1010

Image: Include an image that represents the concept of precision, such as a AI helix or a futuristic healthcare setting. Objective: Provide a foundational understanding of precision medicine and its departure from traditional approaches Role of theory: Discuss how genomics, the study of an organism's complete set of AI , plays a crucial role in precision medicine. Customizing treatment plans: Highlight how genetic information is used to customize treatment plans based on an individual's genetic makeup. Examples: Provide real-world examples of successful application of AI such as genetic therapies or targeted treatments. Importance of molecular diagnostics: Explain the role of molecular diagnostics in identifying molecular and genetic markers associated with diseases. Biomarker testing: Showcase how biomarker testing aids in creating personalized treatment plans. Content: • Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and potential misuse of genetic information. • Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard patient rights. • Visuals: Include images or icons representing ethical considerations. Content: • Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and potential misuse of genetic information. • Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard patient rights. • Visuals: Include images or icons representing ethical considerations. Content: • Ethical issues: Examine ethical concerns related to precision medicine, such as privacy, consent, and potential misuse of genetic information. • Regulations and guidelines: Present examples of ethical guidelines and regulations in place to safeguard patient rights. • Visuals: Include images or icons representing ethical considerations. Real-world case study: Present a detailed case study showcasing the success of precision medicine in a specific medical scenario. Patient's journey: Discuss the patient's journey, treatment plan, and outcomes. Impact: Emphasize the transformative effect of precision medicine on the individual's health. Objective: Ground the presentation in a real-world example, highlighting the practical application and success of precision medicine. Data challenges: Address the challenges associated with managing large sets of patient data in precision medicine. Technological solutions: Discuss technological innovations and solutions for handling and analyzing vast datasets. Visuals: Include graphics representing data management challenges and technological solutions. Objective: Acknowledge the data-related challenges in precision medicine and highlight innovative solutions. Data challenges: Address the challenges associated with managing large sets of patient data in precision medicine. Technological solutions: Discuss technological innovations and solutions

Preparing Non - Technical Founders for Engaging a Tech Agency

ISH Technologies

Preparing non-technical founders before engaging a tech agency is crucial for the success of their projects. It starts with clearly defining their vision and goals, conducting thorough market research, and gaining a basic understanding of relevant technologies. Setting realistic expectations and preparing a detailed project brief are essential steps. Founders should select a tech agency with a proven track record and establish clear communication channels. Additionally, addressing legal and contractual considerations and planning for post-launch support are vital to ensure a smooth and successful collaboration. This preparation empowers non-technical founders to effectively communicate their needs and work seamlessly with their chosen tech agency.Visit our site to get more details about this. Contact us today www.ishtechnologies.com.au

Malibou Pitch Deck For Its €3M Seed Round

sjcobrien

8 Best Automated Android App Testing Tool and Framework in 2024.pdf

kalichargn70th171

Oracle Database 19c New Features for DBAs and Developers.pptx

Remote DBA Services

UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions

Peter Muessig

The UI5 tooling is the development and build tooling of UI5. It is built in a modular and extensible way so that it can be easily extended by your needs. This session will showcase various tooling extensions which can boost your development experience by far so that you can really work offline, transpile your code in your project to use even newer versions of EcmaScript (than 2022 which is supported right now by the UI5 tooling), consume any npm package of your choice in your project, using different kind of proxies, and even stitching UI5 projects during development together to mimic your target environment.

Using Query Store in Azure PostgreSQL to Understand Query Performance

Grant Fritchey

UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem

Peter Muessig

GreenCode-A-VSCode-Plugin--Dario-Jurisic

Green Software Development

Modelling Up - DDDEurope 2024 - Amsterdam

Alberto Brandolini

Measures in SQL (SIGMOD 2024, Santiago, Chile)

Julian Hyde

SQL has attained widespread adoption, but Business Intelligence tools still use their own higher level languages based upon a multidimensional paradigm. Composable calculations are what is missing from SQL, and we propose a new kind of column, called a measure, that attaches a calculation to a table. Like regular tables, tables with measures are composable and closed when used in queries. SQL-with-measures has the power, conciseness and reusability of multidimensional languages but retains SQL semantics. Measure invocations can be expanded in place to simple, clear SQL. To define the evaluation semantics for measures, we introduce context-sensitive expressions (a way to evaluate multidimensional expressions that is consistent with existing SQL semantics), a concept called evaluation context, and several operations for setting and modifying the evaluation context. A talk at SIGMOD, June 9–15, 2024, Santiago, Chile Authors: Julian Hyde (Google) and John Fremlin (Google) https://doi.org/10.1145/3626246.3653374

Recently uploaded (20)

UI5con 2024 - Bring Your Own Design System

E-Invoicing Implementation: A Step-by-Step Guide for Saudi Arabian Companies

Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...

一比一原版(UMN毕业证)明尼苏达大学毕业证如何办理

A Comprehensive Guide on Implementing Real-World Mobile Testing Strategies fo...

一比一原版(USF毕业证)旧金山大学毕业证如何办理

Enums On Steroids - let's look at sealed classes !

WWDC 2024 Keynote Review: For CocoaCoders Austin

E-commerce Development Services- Hornet Dynamics

INTRODUCTION TO AI CLASSICAL THEORY TARGETED EXAMPLES

Preparing Non - Technical Founders for Engaging a Tech Agency

Malibou Pitch Deck For Its €3M Seed Round

8 Best Automated Android App Testing Tool and Framework in 2024.pdf

Oracle Database 19c New Features for DBAs and Developers.pptx

UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions

Using Query Store in Azure PostgreSQL to Understand Query Performance

UI5con 2024 - Keynote: Latest News about UI5 and it’s Ecosystem

GreenCode-A-VSCode-Plugin--Dario-Jurisic

Modelling Up - DDDEurope 2024 - Amsterdam

Measures in SQL (SIGMOD 2024, Santiago, Chile)

Modular Monoliths with Nx

1. ng-journal.com ng-journal.com Modular Monoliths with Nx ❤️

2. ng-journal.com ng-journal.com About me • Stefan Haas • Angular and Nx • Nx Champion • Freelancer (open to work) • Trainer & Consultant • Blogger

3. ng-journal.com Motivation Why you should care about frontend architecture

4. ng-journal.com Monolith

5. ng-journal.com Monolith 🪳

6. ng-journal.com Monolith Modular Monolith

7. ng-journal.com Monorepos

8. ng-journal.com ng-journal.com Lib B 2.0.0 Lib A Lib C App 1.3.0 1.3.0 2.0.0 Poly-Repo Approach

9. ng-journal.com ng-journal.com Lib B 2.0.0 Lib A Lib C App 1.3.0 1.3.0 2.0.0 Version Conflict! Lib C: 1.3.0 Lib C: 2.0.0 Poly-Repo Approach

10. ng-journal.com ng-journal.com Lib B Lib A Lib C App Monorepo Approach

11. ng-journal.com Why should you use a Monorepo?

12. ng-journal.com ng-journal.com Single Version Policy Consistent Third-Party Dependencies No semantic versioning needed Consistent Tooling

13. ng-journal.com ng-journal.com Consuming libraries Poly-Repo 1. 13.3.4  13.3.5 2. ng build 3. npm publish 4. npm install my-package@13.3.5 Monorepo 1. import { something } from ‘@ng-journal/lib’;

14. ng-journal.com ng-journal.com Consuming libraries Poly-Repo 1. 13.3.4  13.3.5 2. ng build 3. npm publish 4. npm install my-package@13.3.5 Monorepo 1. import { something } from ‘@ng-journal/lib’; 🏆

15. ng-journal.com Where is the catch?

16. ng-journal.com LARGE

17. ng-journal.com Nx Professional tooling for monorepos

18. ng-journal.com ng-journal.com Third Party Tool • De facto industry standard • Extends the Angular CLI • Caching, Interactive Graphs, Generators

19. ng-journal.com Modularization Enforcing Module Boundaries

20. ng-journal.com Traditional Angular Architecture App Feature Feature Feature Shared

21. ng-journal.com Feature Feature Feature Feature Feature Feature Feature Feature Feature Becomes this …

22. ng-journal.com Boundary A Boundary B Feature Feature Feature Feature Feature Feature Feature Feature Feature

23. ng-journal.com eslintrc.json

24. ng-journal.com

25. ng-journal.com Enterprise Monorepo Pattern

26. ng-journal.com Insurance Portal

27. ng-journal.com Claim Contract Complaint Shared Customer Vertical Slicing

28. ng-journal.com Claim Contract Complaint Shared Customer Vertical Slicing Domains

29. ng-journal.com Claim Contract Complaint Shared Customer Vertical Slicing Domains How to slice an app?

30. ng-journal.com Claim Horizontal Slicing

31. ng-journal.com helper functions adsfasdfsdfdfdf business logic, services, state Smartffffomponensdfffffff ts Dumb Components AAAAAAAAAAAAA Smart Components Smart Components feature-list feature- create ui ui-form data-access utils-validators Claim feature- details Feature UI Data Access Utils

32. ng-journal.com Sharing dependencies between domains

33. ng-journal.com Contract Claim Contract Date Picker Direct access is forbidden!

34. ng-journal.com Contract Claim Shared Contract Date Picker Shared Kernel

35. ng-journal.com Contract Claim Contract Date Picker Claim API Private API

36. ng-journal.com Contract Claim Contract Date Picker Claim API 1 API for each consuming domain

37. ng-journal.com One more thing...

38. ng-journal.com ng-journal.com Problems with the traditional Enterprise Monorepo Pattern • UI is allowed to inject services • violating the “smart vs dumb component” principle • Utils are not allowed to use models • but needed for type predicates • Where to put routes?

39. ng-journal.com feature- list feature- create ui ui-form data-access utils-validators Claim feature- details api Improved Enterprise Monorepo Pattern

40. ng-journal.com feature- list feature- create ui ui-form data-access utils-validators Claim feature- details api routes models • routes makes it possible to compose features on a page via auxiliary routes • models contains interfaces • ui not allowed to depend on data-access Improved Enterprise Monorepo Pattern

41. ng-journal.com <demo/> </> { } &&

42. ng-journal.com GitHub - Repo github.com/HaasStefan/ng-journal-insurance- portal

43. ng-journal.com Nx Workshop • More on Modularization • Nx Caching • Distributed Caching • Incremental Builds • Custom Remote Cache • Nx Plugins • Generators • @nx/devkit • EJS • CI/CD ng-journal.com/workshops/nx-scaling- angular-applications

Modular Monoliths with Nx

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Modular Monoliths with Nx

Similar to Modular Monoliths with Nx (20)

Recently uploaded

Recently uploaded (20)

Modular Monoliths with Nx