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