How I built a cross-framework frontend library

• schedule-x

  6 1,389 9.7 TypeScript

  JavaScript event calendar. Modern alternative to fullcalendar and react-big-calendar.

  

  This article will discuss the general concept of building a cross-framework frontend library. It will also display some examples of how this was applied when building the event calendar Schedule-X.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• Preact

  118 36,913 9.2 JavaScript

  ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

  

  At the very bottom of the image, there are 3 blocks that I chose to call application components. If you are building a cross-framework library, these can be built with whatever tools you want! Only catch is, all the tools you use to build it, will be needed by everyone consuming it. So choose wisely, and be mindful of how many kilobytes of third party code you will need in order to ship. In Schedule-X, I chose to use Preact. You will probably be fine with most lightweight virtual DOM libraries, and just like with frameworks there are a few to pick from.

• react

  1 4 9.4 TypeScript

  React components for Schedule-X (by schedule-x)

  

  React implementation: https://github.com/schedule-x/react/blob/main/src/schedule-x-calendar.tsx

Suggest a related project