Что это?
Refine — это фреймворк с открытым исходным кодом на React для создания внутренних инструментов, админ-панелей, дашбордов и B2B-приложений с высокой гибкостью.
Refine — это фреймворк с открытым исходным кодом на React для создания внутренних инструментов, админ-панелей, дашбордов и B2B-приложений с высокой гибкостью.Это UI-библиотека или фреймворк без готового интерфейса (headless)?Refine работает без готового интерфейса (headless): он предоставляет хуки и логику для загрузки данных, маршрутизации, авторизации и CRUD-операций, но готового UI не поставляет, поэтому его сочетают с Ant Design, Material UI, Mantine или собственными компонентами.
Refine работает без готового интерфейса (headless): он предоставляет хуки и логику для загрузки данных, маршрутизации, авторизации и CRUD-операций, но готового UI не поставляет, поэтому его сочетают с Ant Design, Material UI, Mantine или собственными компонентами.Как мне начать новый проект на refine?Монорепозиторий включает CLI-пакет create-refine-app, с помощью которого создаётся новый проект; после этого страницы строятся с выбранной UI-библиотекой и провайдером данных.
Монорепозиторий включает CLI-пакет create-refine-app, с помощью которого создаётся новый проект; после этого страницы строятся с выбранной UI-библиотекой и провайдером данных.Мне нужен определённый бэкенд для работы с refine?Конкретный бэкенд не обязателен: refine поддерживает несколько провайдеров данных, включая REST, GraphQL и NestJS, поэтому он может подключаться практически к любому API.
Конкретный бэкенд не обязателен: refine поддерживает несколько провайдеров данных, включая REST, GraphQL и NestJS, поэтому он может подключаться практически к любому API.В чём подвох у подхода без готового интерфейса?Поскольку refine не включает собственный UI, сначала нужно самостоятельно подключить UI-кит, и только после этого появится рабочий интерфейс; для участия в разработке самого репозитория также требуются Node.js 18+ и pnpm 9+ в монорепозитории, которым управляет lerna.
Поскольку refine не включает собственный UI, сначала нужно самостоятельно подключить UI-кит, и только после этого появится рабочий интерфейс; для участия в разработке самого репозитория также требуются Node.js 18+ и pnpm 9+ в монорепозитории, которым управляет lerna.Какие UI-фреймворки можно подключить к refine?Благодаря тому, что refine не содержит готового интерфейса, его можно сочетать с Ant Design, Material UI, Mantine, Chakra UI или полностью самописными компонентами для визуальной части.
Благодаря тому, что refine не содержит готового интерфейса, его можно сочетать с Ant Design, Material UI, Mantine, Chakra UI или полностью самописными компонентами для визуальной части.Генерирует ли refine экраны CRUD за меня?Основные хуки и маршрутизация refine построены вокруг CRUD-операций, поэтому можно быстро подключить списки, создание, редактирование и просмотр для каждого ресурса, не записывая эту логику с нуля.
Основные хуки и маршрутизация refine построены вокруг CRUD-операций, поэтому можно быстро подключить списки, создание, редактирование и просмотр для каждого ресурса, не записывая эту логику с нуля.Можно ли использовать refine с бэкендами на Next.js или NestJS?Да, refine имеет полноценную поддержку и примеры для Next.js на фронтенде и для NestJS (включая NestJs Query/CRUD) в качестве источника данных на бэкенде.
Да, refine имеет полноценную поддержку и примеры для Next.js на фронтенде и для NestJS (включая NestJs Query/CRUD) в качестве источника данных на бэкенде.Можно ли пользоваться refine бесплатно?Да, refine полностью открытый и распространяется по лицензии MIT.
Да, refine полностью открытый и распространяется по лицензии MIT.What are similar projects?react-admin, appsmith, twenty, amis, gentelella, amplication, illa-builder, umi
react-admin, appsmith, twenty, amis, gentelella, amplication, illa-builder, umiWhich topics is it in?open-source-project, admin-ui, ant-design, internal-tools, crud, react-hooks, nestjs, good-first-issue, admin, headless, low-code, frontend-framework
open-source-project, admin-ui, ant-design, internal-tools, crud, react-hooks, nestjs, good-first-issue, admin, headless, low-code, frontend-framework