
Improved User Experience: Using our new React-based design system, we will be building with UI components that enforce a much stronger contract around appearance, accessibility, responsiveness, and touch friendliness.Although it will not match exactly as the responsibilities are very different, the general structure will start to align more closely. The new and now share the same navigation structure. Universal Navigation: Before the launch of the new, each site had its own navigation menu and traveling between the sites was especially awkward.Aligning on React then allows the following priorities to have more clarity. For us, aligning our tech starts with React as the base on top of which our web UIs are being built. Aligned Tech: Different properties with very different tech and a small team meant it was easy to get trapped working in silos on code that was not easily reviewed.2021: A design system internally named Chroma was developed and work began on react-chroma to bring that design system to our React apps.Īs we reevaluated our existing web properties (, and ) in the beginning of 2021 and imagined a future direction for these properties, we discussed a few key priorities to help ground our decisions.2020: TypeScript was introduced to, forming the core of TypeScript, React, and Redux Toolkit on which the app is being built today.2020: The original was launched, powered by a custom server-rendered React app using Express, MongoDB, and Redis.2017: Work started on the latest iteration of the marketing pages, or These pages are built primarily with Wordpress and jQuery, but have evolved to include Vue.js on some more client-heavy pages.2015: began an incremental migration from Backbone.js to React, taking a step into practices that are table stakes for building a web app today, like declarative components.It was built on top of Backbone.js and Marionette.js and was the first app to allow people to browse, manage, and play content from Plex Media Server on the web. 2012: Development started on the current Plex Web app, or.While the native Media Manager felt fluid, the web-based app was slow and clunky in comparison.


2010: When Plex Media Server was in its infancy, there was a native Media Manager app for macOS and a web-based alternative written in Cappuccino.As we head into 2022, we’re taking a moment to reflect on the journey thus far. It was capped by a December re-launch of, built with Next.js and deployed using Vercel. Reintroducing Plex’s 1M+ page media catalog on the webĢ021 was a formative year for Plex on the web as we took some big strides in laying a unified foundation on which we can build our web experiences for years to come.
