Technology Stack
Composable UI is built using React, Next.js, React Query, tRPC, Chakra UI, and other technologies as described in the following table:.
| Technology | Description | Documentation |
|---|---|---|
| React | The JavaScript library for building user interfaces. Developers can use this library to create reusable user interface components and efficiently manage the application state. | Getting Started with React |
| Next.js | A framework based on React using which developers can easily build server-side rendered and statically generated web applications. Composable UI is built using the Next.js Pages Router file-system based router. | Building your Application with Next.js |
| React Query | A data fetching library for React applications. This library provides caching, deduplication, and other advanced features to easily manage and update remote data in real-time. | Getting Started with React Query |
| tRPC | A library used to build end-to-end typesafe APIs. Combines with Next.js and React Query to provide a powerful developer experience of writing and consuming an API. | tRPC Quickstart |
| Chakra UI | A component library for React that provides a set of customizable and accessible UI components. All Composable UI components are built using the Chakra UI library. | Getting Started with Chakra UI |
| pnpm | A different package manager for Node.js applications, apart from yarn and npm. With pnpm, you can share packages across multiple projects and save disk space and increase installation speed. | pnpm Docs |