SlideShare ist ein Scribd-Unternehmen logo
1 von 45
How to change mindset of coworkers?
The short story of moving from .NET Monolith to
Node.js Microfrontends and how did it affect our
organisation
Pracuj.pl
3 mln active users
85 IT employees
62 mln page views per month
What would you like to know?
Pros and cons
How it works
What are the benefits
What is the danger
Timeline
Idea
Have you ever had an idea that would
change the world?
SO YOU WANT TO CARRY OUT
A REVOLUTION
HOW DO YOU START?
Timeline
Idea
People
Start with people
Start with people
TECH LEADER
PRODUCT
MANAGER
THE FUN OF BEING THE
PART OF PROJECT WITH
OTHERS
KPI TECHNOLOGY EXPERIENCE
POSITIVE ONES
Feelings about the project at very beginning
POSITIVE NEUTRAL NEGATIVE
Timeline
Idea
People
POC
#1
Proof of concept
POC #1
POC #1
Feelings after first iteration
POSITIVE NEUTRAL NEGATIVE
Timeline
Idea
People
POC #1
Stakeholders’
requirements
Stakeholders’ requirements
BACKEND NFRFRONTEND NFR PRODUCT NEEDS
Non-functional requirements
Dictate clear organisation’s standards
Stand for critical system mission
Should help, not limit development
Timeline
Idea
People
POC #1
Stakeholders’
requirements
POC #2
Change of our mindset
What we had to learn and implement being Frontend Developer?
The stress tests with Gatling
What helped us?
NFR made expectations clear
Regular group code checks
All kind of developers
Feelings after second iteration
POSITIVE NEUTRAL NEGATIVE
Timeline
Idea
People
POC #1
Stakeholders’
requirements
POC #2
Production
A/B Test
Our first production deploy
Our first production deploy
A/B Test results
Improved performance
6% more applications on Desktop
18% more applications on Mobile Web
15 developers working simultaneously
Timeline
Idea
People
POC #1
Stakeholders’
requirements
POC #2
Production
A/B Test
Improvements
Improvements
Improvements
& MONOREPO
Improvements
Improvements
Improvements
4GB 500MB
yarn workspaces
Improvements
Improvements
Architecture Decision Record
Timeline
Idea
People
POC #1
Stakeholders’
requirements
POC #2
Tooling
Improvements
Today
Today
Benefits we can see after one year
Ease of collaboration with other teams
A/B Testing
Technology agnostic
SEO Friendly
Reusable frontend microservices
Feelings now
POSITIVE POSITIVE POSITIVE
Takeaways
People are essential
Revolution is possible and can be safe
Meet expectations of your stakeholders
You will have more work than you think
Be open for solutions and changes
Useful resources
https://www.mosaic9.org/
https://micro-frontends.org/
https://martinfowler.com/articles/micro-frontends.html
https://github.com/ChristianUlbrich/awesome-microfrontends
https://malloc.fi/performance-cost-of-server-side-rendered-react-node-js
https://arkwright.github.io/
https://github.com/lerna/lerna
https://www.flaticon.com/packs/people-avatars-2
https://requirejs.org/
https://pm2.keymetrics.io/
https://nodemon.io/
https://github.com/joelparkerhenderson/architecture_decision_record
Special thanks to
Dawid Winiarczyk Patrycjusz Szydło
dawid.winiarczyk@pracuj.pl
https://github.com/morriq
in/dawidwiniarczyk/
patrycjusz.szydlo@pracuj.pl
https://github.com/pats
in/patrycjusz-szydlo/
Wojciech Jureczka
wojciech.jureczka@pracuj.pl
https://github.com/wjureczka
in/wojciech-jureczka/
Frontend Developer at Grupa Pracuj

Weitere ähnliche Inhalte

Was ist angesagt?

Do people put too much importance on getting every detail right on a project ...
Do people put too much importance on getting every detail right on a project ...Do people put too much importance on getting every detail right on a project ...
Do people put too much importance on getting every detail right on a project ...
Qiang Hao
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
Alla Zollers
 

Was ist angesagt? (20)

Impact mapping-cc
Impact mapping-ccImpact mapping-cc
Impact mapping-cc
 
UX @ agile - myths, legends and the path to success
UX @ agile - myths, legends and the path to successUX @ agile - myths, legends and the path to success
UX @ agile - myths, legends and the path to success
 
Ppt of waterfall vs agile (2)
Ppt of waterfall vs agile (2)Ppt of waterfall vs agile (2)
Ppt of waterfall vs agile (2)
 
Beyond Brainstorming: Idea-Finding for Innovation
Beyond Brainstorming: Idea-Finding for InnovationBeyond Brainstorming: Idea-Finding for Innovation
Beyond Brainstorming: Idea-Finding for Innovation
 
Impact mapping in practice
Impact mapping in practiceImpact mapping in practice
Impact mapping in practice
 
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UXMaximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
 
Change Community of Practice Webinar: Revisiting your Toolbox part 1- Checkin...
Change Community of Practice Webinar: Revisiting your Toolbox part 1- Checkin...Change Community of Practice Webinar: Revisiting your Toolbox part 1- Checkin...
Change Community of Practice Webinar: Revisiting your Toolbox part 1- Checkin...
 
Journey from Business Analyst to Product Owner
Journey from Business Analyst to Product OwnerJourney from Business Analyst to Product Owner
Journey from Business Analyst to Product Owner
 
On Being a Startup Employee
On Being a Startup EmployeeOn Being a Startup Employee
On Being a Startup Employee
 
It niketan
It niketanIt niketan
It niketan
 
Social project management
Social project managementSocial project management
Social project management
 
Designing Communication Architecture
Designing Communication ArchitectureDesigning Communication Architecture
Designing Communication Architecture
 
OutSystems - Digital Realities Webinar
OutSystems - Digital Realities WebinarOutSystems - Digital Realities Webinar
OutSystems - Digital Realities Webinar
 
Drupal's Roadmap: The Magic 8 Ball
Drupal's Roadmap: The Magic 8 BallDrupal's Roadmap: The Magic 8 Ball
Drupal's Roadmap: The Magic 8 Ball
 
Life's too short to build something nobody wants
Life's too short to build something nobody wantsLife's too short to build something nobody wants
Life's too short to build something nobody wants
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 
Rapid Iterative Prototyping & UserTesting
Rapid Iterative Prototyping & UserTestingRapid Iterative Prototyping & UserTesting
Rapid Iterative Prototyping & UserTesting
 
Do people put too much importance on getting every detail right on a project ...
Do people put too much importance on getting every detail right on a project ...Do people put too much importance on getting every detail right on a project ...
Do people put too much importance on getting every detail right on a project ...
 
War Room Warrior: How to manage war room situations
War Room Warrior: How to manage war room situationsWar Room Warrior: How to manage war room situations
War Room Warrior: How to manage war room situations
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 

Ähnlich wie Wojciech Jureczka - Migrating from .NET Monolith to Node.js Microfrontends

2013_OSCON_Innovation_Presentation
2013_OSCON_Innovation_Presentation2013_OSCON_Innovation_Presentation
2013_OSCON_Innovation_Presentation
Laszlo Szalvay
 
Go Modern
Go ModernGo Modern
Go Modern
Raona
 

Ähnlich wie Wojciech Jureczka - Migrating from .NET Monolith to Node.js Microfrontends (20)

How UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu NiskasaariHow UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu Niskasaari
 
Scaling Fast: Growing Engineering Orgs From Zero to IPO
Scaling Fast: Growing Engineering Orgs From Zero to IPOScaling Fast: Growing Engineering Orgs From Zero to IPO
Scaling Fast: Growing Engineering Orgs From Zero to IPO
 
I, project manager, The rise of artificial intelligence in the world of proje...
I, project manager, The rise of artificial intelligence in the world of proje...I, project manager, The rise of artificial intelligence in the world of proje...
I, project manager, The rise of artificial intelligence in the world of proje...
 
Orchestrating experiments at scale
Orchestrating experiments at scaleOrchestrating experiments at scale
Orchestrating experiments at scale
 
How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?How do you know you're ready for a Design Sprint?
How do you know you're ready for a Design Sprint?
 
ALTNET
ALTNETALTNET
ALTNET
 
2013_OSCON_Innovation_Presentation
2013_OSCON_Innovation_Presentation2013_OSCON_Innovation_Presentation
2013_OSCON_Innovation_Presentation
 
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training Webinar
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
The Modern Software Engineer - Nuno Job
The Modern Software Engineer - Nuno JobThe Modern Software Engineer - Nuno Job
The Modern Software Engineer - Nuno Job
 
APIdays London 2019 - Is DX the new CX with Ryan Clifford, Finastra
APIdays London 2019 - Is DX the new CX with Ryan Clifford, FinastraAPIdays London 2019 - Is DX the new CX with Ryan Clifford, Finastra
APIdays London 2019 - Is DX the new CX with Ryan Clifford, Finastra
 
Making Innovation a Habit
Making Innovation a HabitMaking Innovation a Habit
Making Innovation a Habit
 
UX STRAT 2013: Jon Innes and Liam Friedland, UX Strategy and Organizational S...
UX STRAT 2013: Jon Innes and Liam Friedland, UX Strategy and Organizational S...UX STRAT 2013: Jon Innes and Liam Friedland, UX Strategy and Organizational S...
UX STRAT 2013: Jon Innes and Liam Friedland, UX Strategy and Organizational S...
 
Go Modern
Go ModernGo Modern
Go Modern
 
Cultural Self-Inventory for Distributed Agile Teams
Cultural Self-Inventory for Distributed Agile TeamsCultural Self-Inventory for Distributed Agile Teams
Cultural Self-Inventory for Distributed Agile Teams
 
Дмитро Горін “From project to product” Kharkiv Project Management Day
Дмитро Горін “From project to product” Kharkiv Project Management DayДмитро Горін “From project to product” Kharkiv Project Management Day
Дмитро Горін “From project to product” Kharkiv Project Management Day
 
DEV345_Tools Won’t Fix Your Broken DevOps
DEV345_Tools Won’t Fix Your Broken DevOpsDEV345_Tools Won’t Fix Your Broken DevOps
DEV345_Tools Won’t Fix Your Broken DevOps
 
Technology Companies Development Story
Technology Companies Development StoryTechnology Companies Development Story
Technology Companies Development Story
 
Designing for Possible Futures
Designing for Possible FuturesDesigning for Possible Futures
Designing for Possible Futures
 

Kürzlich hochgeladen

AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
mohitmore19
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
 

Kürzlich hochgeladen (20)

Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview Questions
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docxA Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
How To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.jsHow To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.js
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICECHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
 
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerHow To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...
 

Wojciech Jureczka - Migrating from .NET Monolith to Node.js Microfrontends