Monorepos and Workspaces - an introduction

This page summarizes the projects mentioned and recommended in the original post on dev.to
#JavaScript #React #Monorepo #TypeScript #UI Frameworks

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
Our great sponsors

  • nx

    Smart, Fast and Extensible Build System

    nx

  • lerna

    :dragon: A tool for managing JavaScript projects with multiple packages.

    tldr; When making a monorepo, it generally consist of workspaces (can use npm, yarnor pnpm), but additional tooling exists like lerna and turborepo (and lots of others too) to help with easing the problems of managing lots of interlinked packages

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • turborepo

    The High-performance Build System for JavaScript & TypeScript Codebases

    tldr; When making a monorepo, it generally consist of workspaces (can use npm, yarnor pnpm), but additional tooling exists like lerna and turborepo (and lots of others too) to help with easing the problems of managing lots of interlinked packages

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • material-ui

    MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

  • storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Example 1 - Storybook: https://github.com/storybookjs/storybook Example 2 - OpenWC: https://github.com/open-wc/open-wc Example 3 - Lit: https://github.com/lit/lit.dev

  • open-wc

    Open Web Components: guides, tools and libraries for developing web components.

    Example 1 - Storybook: https://github.com/storybookjs/storybook Example 2 - OpenWC: https://github.com/open-wc/open-wc Example 3 - Lit: https://github.com/lit/lit.dev

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • lit.dev

    The Lit website

    Example 1 - Storybook: https://github.com/storybookjs/storybook Example 2 - OpenWC: https://github.com/open-wc/open-wc Example 3 - Lit: https://github.com/lit/lit.dev

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts