Mediaset Platform

2020 - 2021

Feature work and refactoring on a live Italian platform with 19.6M monthly users.

  • React
  • Redux
  • SSR
  • Webpack
  • Sass
  • Docker

My role: Frontend developer

Mediaset react app preview

Over the course of approximately 6 months I collaborated with several developers on integrating new features into the already existing and live platform. It had already been live and has had a huge user base in Italy (19.6 million unique users per month, and 225 million page views per month) which makes this the biggest platform I've worked on in 2020. I was included in daily standups, communication with the whole team and all my responsibilities and tasks were well defined on Jira and Confluence. The codebase was initially a bit outdated and it used some obsolete standards and functions, so alongside creating and implementing new features a lot of refactoring was done.

Technically it is not a plain single-page app. The same React and Redux codebase builds twice, once into a client bundle and once into a Node server-side rendering server, so pages arrive already rendered. At that scale that is not a nicety: it is what keeps a catalogue this size indexable and the first paint fast for people arriving cold from search. Route-level code splitting through loadable components stops the bundle growing with the catalogue, and the sitemap is generated as a build target rather than maintained by hand.

The surrounding setup matched that seriousness: Webpack builds per target, Sass with stylelint, ESLint and Jest in the pipeline, static analysis gating every change, Docker and nginx for local and production parity, and distributed tracing so a slow render could be attributed rather than guessed at.

Close