Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fabrix-framework/fabrix
https://github.com/fabrix-framework/fabrix
graphql react typescript
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/fabrix-framework/fabrix
- Owner: fabrix-framework
- License: mit
- Created: 2024-08-16T02:09:50.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-02-03T08:01:10.000Z (2 days ago)
- Last Synced: 2025-02-03T08:25:57.721Z (2 days ago)
- Topics: graphql, react, typescript
- Language: TypeScript
- Homepage: https://fabrix-framework.github.io/docs/
- Size: 1.37 MB
- Stars: 125
- Watchers: 6
- Forks: 2
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
![cover](https://github.com/fabrix-framework/.github/blob/main/assets/cover.png)
[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/fabrix-framework/fabrix/ci-packages.yaml?branch=main)](https://github.com/fabrix-framework/fabrix/actions)
[![GitHub](https://img.shields.io/github/license/fabrix-framework/fabrix)](https://github.com/fabrix-framework/fabrix/blob/main/LICENSE)
[![npm](https://img.shields.io/npm/v/@fabrix-framework/fabrix?logo=nodedotjs)](https://www.npmjs.com/package/@fabrix-framework/fabrix)
Fabrix is a framework for building React applications that are backed by GraphQL backend.
# Features
* **Snappy DX** :heart: - Finally, all you need to do is just writing GraphQL! Free from repetitive tasks to ship your frontend to customers.
* **Just works with React app** :rocket: - Fabrix can work with any existing React app, and can be used with any GraphQL schema. See [Component API](https://fabrix-framework.github.io/docs/guides/component/) for more information.
* **Bring your own components** 🛠️ - Fabrix is designed to be agnostic to the components you use. You can use any component library, or [even build your own](https://fabrix-framework.github.io/docs/guides/component-registry/). We already have several component libraries that you can use out of the box.# Quick start
See the instruction at [our documentation](https://fabrix-framework.github.io/docs/) to use fabrix in your React app
## Examples
We have some [example apps](./examples) in repo.
# Development
## Packages
| package | description | link |
|----------------------------------|---------------------------------|---------------------------------------------|
| @fabrix-framework/fabrix | Core package | [Docs](./packages/fabrix/README.md) |
| @fabrix-framework/graphql-config | GraphQL LSP support | [Docs](./packages/graphql-config/README.md) |
| @fabrix-framework/chakra-ui | Chakra UI components for fabrix | [Docs](./packages/chakra-ui/README.md) |## Setup
Install required dependencies
```bash
pnpm install
```## Build
```bash
pnpm build
```# Contributing
Refer to our [contribution guidelines](./CONTRIBUTING.md).
# License
Fabrix is open source software licensed as MIT