Best tools to build a production-grade React monorepo: From fast builds to code-sharing and dependencies. — The need for a monorepo architecture that supports the development of a React application system is greater today than ever before. When teams build several different applications, dozens of “micro-frontends” aka features and experiences, and hundreds of smaller components — the traditional repo architecture won’t do.

Choose wisely how to start your new React application. — Creating a new React application is not a simple task. Not just because you’ll have to work hard, but mainly because you have some key decisions to make that will affect your ability to scale, collaborate, and make this app work with the tools and needs you use today —…

Effectively sharing types between frontend and backend apps is a very needed solution. It eliminates bugs and breaking, speeds up integrations, and ensures your APIs can efficiently communicate even as you continue to develop. Watch:

Reuse React components across projects and applications in a simple, fast, and scalable way. — Sharing reusable React components between projects and applications is a very powerful way to speed up development and build consistent experiences. However, in the past it used to require a lot of work and overhead to design and separate components that you can reuse, customize, and manage. In this tutorial…

How to develop micro frontends that scale with React, TypeScript, and anything modern web. — Micro Frontends have been the hottest topic around the frontend community in the past couple of years. It isn’t a surprise. Yet Micro Frontends are not a new “framework” or even a “thing”. It is the manifestation of the software distribution idea in the frontend world. As such, building “micro…

Dependency management in a JavaScript monorepo is made much simpler with pnpm and Bit. — Dependency management in JavaScript is the number 1 pain for developers according to the 2021 “State of JS” survey. That’s not much of a surprise. Not far behind it in 2nd place, comes code architecture. When you try to effectively manage dependencies in a monorepo you end up facing these…

How enterprises share UI components and experiences to increase development velocity, consistency, and efficiency. — Based on Fortune-500 case studies Digital enterprises will succeed based on their ability to deliver high-quality products and experiences in a fast, scalable, consistent, and efficient way. Sharing components and experiences is a highly-effective way to achieve these goals. It improves time to market, consistency, and ROI on software development…

How we implement a web UI component library with React, TypeScript, Bit and Design Tokens in our web design system — Visual consistency is often regarded as the “look and feel” of your digital products. However, in the modern world of web apps, the border between UI and UX is blurred and components are the key to both your visual language and your user’s experience. When users encounter an inconsistent design…

How to best use design tokens in your React components across pages and applications — Design tokens help to solve two of the biggest problems in Design Systems and application development today. The first is designer and developer collaboration. This is a HUGE problem as the two speak completely different languages; one speaks Figma, and the other speaks code. The important thing to remember is…