CSS in JS has proven its success. Yet, when CSS components are involved, there’s more room for modularity. The landscape of web development continually evolves at a rapid pace. One such advancement is the integration of CSS in JS. Undoubtedly, it addressed many issues that were inherited from managing stylesheets. However, the innovation doesn’t stop there. Now, we can structure CSS into reusable, declarative, and shareable components across projects. Under the hood, Bit toolchain manages the entire component lifecycle. Overall, CSS components offer a promising direction for managing styles m ..read more

Microservices have proven effective for enterprises to become agile and nimble in their software development and delivery at scale. But it also hurts them in multiple ways. Over the last decade, Microservices have dominated enterprises' go-to architecture style. They have proven effective in scaling development teams, giving them autonomy and the ability to release software rapidly. If we look deeply, microservice architecture helps establish clear boundaries across teams by breaking the systems into smaller pieces with clear ownership. Since these services interact via APIs, they b ..read more

How to build a UI component library using Tailwind, Bit, React and Vite Unlike traditional CSS frameworks, with predefined styles that you can override, Tailwind allows developers to build designs directly into JSX using utility classes. Its compiler scans these files and generates only the necessary CSS. This is an excellent way to optimize CSS along with its JavaScript counterparts. However, when using Tailwind with Bit components, there are a few challenges to overcome. The main challenge is that Tailwind compilation needs to be adopted at a granular level to develop and preview each ..read more

Empower your UI library by boosting open-source / InnerSource community engagement Creating a UI component library can be a monumental yet rewarding endeavor, especially when approached with community collaboration at its core. A well-constructed UI library not only provides a suite of components that are essential for building consistent and efficient interfaces, but it also acts as a cornerstone for fostering community engagement — be it through an open-source model or an InnerSource approach within larger organizations. By designing a UI library that encourages wide adoption, you invite fe ..read more

Standardizing JS development: templates, code reuse, uniform QA, and enforced conventions Growing a frontend team can lead to many exciting developments. However, it can also introduce challenges, especially when keeping the code consistent with high-quality standards. When more developers write code, it can quickly become messy or inconsistent without proper guidelines. Fortunately, there are well-established tools and techniques for standardizing JavaScript development. Frontend Code Requires High Standards Frontend code must ensure both functionality and visual appeal. Unlike backend code ..read more

How to transform design tokens into useful VS Code snippets for faster, error-free coding Styling using native CSS (or pre-processor languages compiled to CSS) can be great as it offers better performance than JavaScript-based solutions. In addition, CSS is as “universal” as it gets. You won’t waste your time learning framework-specific styling solutions that might become obsolete or fall out of favor, leading to costly refactoring later on. Having said that, some aspects of the dev experience are vastly improved when using CSS-in-JS libraries or frameworks, mainly type support and Intel ..read more

And how to implement the InnerSource development strategy for composable software Open-source is great. It allows us to develop faster and better, leverage the collective intelligence of a diverse community, and innovate through collaboration. We reuse what’s already available and contribute by reporting issues and suggesting PRs. In contrast, dev teams in enterprises often operate in silos where other teams’ code is inaccessible to them. This leads to poor code reuse and prevents teams from contributing to the projects they consume (APIs, shared libs, etc). When we contribute back to a ..read more

How composable architectures paving the way to perform atomic releases Reducing the lead time from development to production is essential in modern software development. Many software processes, like Kanban, are geared toward this. Yet, releasing to production for every change is still challenging. We must ensure that even the slightest change to the codebase does not break existing functionality. However, executing automated tests for the entire codebase may exhaust your CI. How can we push the limits of CI/CD and release each change into production in a stable way? Modul ..read more

These principles will help you to design and implement robust composable architecture for your web applications. In the ever-evolving software development landscape, the push towards building modular and flexible applications is still on the rise. Composable architectures stand at the forefront of this movement. When creating composable architectures, several design principles and patterns, including DRY (Don’t Repeat Yourself), KISS (Keep It Simple, Stupid), YAGNI (You Aren’t Gonna Need It), and Domain-Driven Design (DDD), play crucial roles in shaping the design. By leveraging these co ..read more

Build your own API Gateway using Node.js in under 5 minutes Microservices offer enhanced scalability, flexibility, and agility. As organizations adopt microservices-based applications, managing the diverse and distributed nature of these services becomes a challenge. Therefore, the API Gateway pattern emerges as a crucial solution, serving as the central entry point for client interaction in a microservices ecosystem. This pattern acts as a traffic orchestrator, simplifying the client experience and streamlining the complexities of microservices communication. Let’s explore more on ..read more