Plum Guide
Published in

Plum Guide

Photo of a flock of birds flying under blue sky during daytime
Photo by Kendrick Mills on Unsplash

Migrating to CSS in JS: Part 1

This post will highlight the problems we faced at Plum Guide and why we took this approach. Not every solution applies and viable to every situation.

The current stack

The pains of preprocessing styles

Screenshot of Lighthouse audit result for unused CSS
Example of FOUC https://github.com/vercel/next.js/issues/18769

Quick recap

--

--

--

Stories from the team behind the Plum Guide

Recommended from Medium

14 Features That Make Angular My First Choice Front End Framework

UUID as Primary key with Ecto

Amazon Coding Interview Questions

Integrating HammerJS with Angular

Top 5 Frameworks for Node.js

How the Angular Fire Library makes Firebase feel like Magic

How to deploy a React.js PWA on Digital Ocean droplet

Learn TensorFlow.js — Deep Learning and Neural Networks with JavaScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rui Duarte

Rui Duarte

Software Engineer at Plum Guide

More from Medium

Techniques for SVG Animation and Development

Recreating animated numerical counters in React from scratch (better than existing libraries)

From Global CSS to Component Library

Some Common ARIA Properties for Accessible Web UI Components