{"id":27700392,"url":"https://github.com/roistat/react-ui","last_synced_at":"2025-07-05T02:35:25.685Z","repository":{"id":94311482,"uuid":"63432871","full_name":"roistat/react-ui","owner":"roistat","description":"Work in progress","archived":false,"fork":false,"pushed_at":"2022-11-24T09:31:16.000Z","size":3379,"stargazers_count":8,"open_issues_count":6,"forks_count":5,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-30T16:25:56.384Z","etag":null,"topics":["components","elements","react","reactjs","ui","uikit"],"latest_commit_sha":null,"homepage":"https://roistat.github.io/react-ui/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/roistat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2016-07-15T15:39:37.000Z","updated_at":"2022-11-24T09:04:27.000Z","dependencies_parsed_at":"2023-03-22T05:50:12.684Z","dependency_job_id":null,"html_url":"https://github.com/roistat/react-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/roistat/react-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roistat%2Freact-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roistat%2Freact-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roistat%2Freact-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roistat%2Freact-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/roistat","download_url":"https://codeload.github.com/roistat/react-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roistat%2Freact-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263671820,"owners_count":23494045,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","elements","react","reactjs","ui","uikit"],"created_at":"2025-04-25T19:00:38.747Z","updated_at":"2025-07-05T02:35:25.675Z","avatar_url":"https://github.com/roistat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## roistat-react-UI - библиотека компонентов пользовательского интерфейса\n\n\u003ca href=\"https://roistat.github.io/react-ui/\" target=\"_blank\" alt=\"Immutable Data and React\"\u003e\u003cimg src=\"http://i.imgur.com/OKvnKV0.png\" /\u003e\u003c/a\u003e\n\n### Необходимая экосистема\n* React JS\n* Webpack\n* Babel\n* ES6\n* Flowtype\n\n### Установка\n\n##### Новая установка\n```sh\n$ git clone https://github.com/roistat/react-ui.git\n$ cd react-ui\n$ npm i\n```\n\n##### Установка в существующий проект\n```sh\n$ npm i @roistat/ui --save\n```\n\n```js\nimport Button from '@roistat/ui/lib/Button'\n```\n\n### Запуск \n\n##### Запуск документации и примеров\n```sh\n$ npm run docs\n```\n\n\u003e примеры с документацией будут доступны \u003ca href=\"http://localhost:3000\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ehttp://localhost:3000 \u0026rarr;\u003c/a\u003e\n\n##### Запуск react-storybook для разработки компонентов в изолированной среде\n\n```sh\n$ npm run storybook\n```\n\n\u003e кейсы использования storybook будут доступны \u003ca href=\"http://localhost:9010\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ehttp://localhost:9010 \u0026rarr;\u003c/a\u003e\n\n\u003e узнать что такое \u003ca href=\"https://github.com/storybooks/react-storybook\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ereact-storybook \u0026rarr;\u003c/a\u003e\n\n### Основные компоненты \n* \u003ca href=\"https://roistat.github.io/react-ui/#Button\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eButton\u003c/a\u003e, \u003ca href=\"https://roistat.github.io/react-ui/#PrimaryButton\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ePrimary Button\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#TextInput\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eTextInput\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#Modal\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eModal\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#Popover\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ePopover\u003c/a\u003e\n\n### Вспомогательные компоненты \n* \u003ca href=\"https://roistat.github.io/react-ui/#Teleport\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eTeleport\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#Placer\" target=\"_blank\" alt=\"Immutable Data and React\"\u003ePlacer\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#Transition\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eTransition\u003c/a\u003e\n* \u003ca href=\"https://roistat.github.io/react-ui/#Toggler\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eToggler\u003c/a\u003e\n\n\u003ca href=\"https://roistat.github.io/react-ui/\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eПерейти ко всем компонентам \u0026rarr;\u003c/a\u003e\n\n### Структура проека\n```\n├── roistat-ui/ //корневая директория\n│   │\n│   ├── .storybook/ //конфиграция storybook\n│   │\n│   ├── assets/ //статические файлы для сборки storybook и документации\n│   │\n│   ├── docs/ //документация для разработчика\n│   │\n│   ├── lib/ //внешние библиотеки\n│   │\n│   ├── src/\n│   │\n│   │   ├── Button //папка компонента\n│   │   │   └── Button.jsx //файл реализации компонента\n│   │   │   └── index.js //индексный файл для подключения компонента\n│   │   │   └── story.jsx //кейсы использования\n│   │   │   └── Readme.md //примеры использования компонента и дополнительная документация\n│   │   ├── const //константы\n│   │   ...        \n│   │   └── helpers/ //библиотека вспомогательных функций\n│   │    ├── styles //библиотека для работы со стилями\n│   │    └── addEventListener.js //listener для не реакт DOM событий\n│   │   \n└── └── .babelrc //конфиг Babel\n│   │   \n└─  └── package.json.html \n│   │   \n└─  └── styleguide.config.js //пример webpack-конфига\n```\n\n\u003e \u003ca href=\"https://github.com/roistat/react-ui/blob/master/docs/development.md\" target=\"_blank\" alt=\"Immutable Data and React\"\u003eРекомендации по разработке компонентов \u0026rarr;\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froistat%2Freact-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froistat%2Freact-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froistat%2Freact-ui/lists"}