Build an Embeddable Widget using Preact and the Shadow DOM

Javascript UI Libraries Developer Tools JavaScript Framework

styled-components Landing Page
1

styled-components

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Pricing:
- Open Source
As our application grew, managing our styles became cumbersome and our team wanted to find another solution. At CompanyCam, our designers enjoy designing our products with styled-components. With styled-components, a generated stylesheet is injected at the end of the head of the document. Due to our Shadow DOM layer, this won't work without some configuration.

#Developer Tools #Design Tools #Javascript UI Libraries 154 social mentions
React Landing Page
2

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
It's imperative that the widget loads quickly. With the strategy the team had in place, it was clear that it was going to be difficult to code-split our application. At CompanyCam, engineers write user interfaces in React therefore it made sense to stick with that.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Preact.js Landing Page
3

Preact.js

Preact is a fast 3kB alternative to React with the same modern API. Components & Virtual DOM.
Pricing:
- Open Source
As we added 3rd party libraries, our bundle size grew. We found that Preact was a good solution to this problem. It provides all the same features as React, but in a much smaller package. You can compare the unpacked size of Preact to a combined React and React-DOM and see a significant difference!

#Javascript UI Libraries #JavaScript #Javascript Utilities & Libraries 83 social mentions
CompanyCam Landing Page
4

CompanyCam

The only app every contractor needs.
Pricing:
- Freemium
- Free Trial
Our team at CompanyCam was tasked with building a widget that our users could embed on their websites. The widget needed to be easy to install, responsive, and provide a fullscreen application experience. This article introduces and explains the technical decisions made and how we got there.

#Project Management #Contractors #Construction Project Management 4 social mentions