{"id":20725666,"url":"https://github.com/lskjs/ux","last_synced_at":"2025-08-16T03:30:31.243Z","repository":{"id":12464048,"uuid":"71892012","full_name":"lskjs/ux","owner":"lskjs","description":"LSK.js UX  –  UI-kit for React","archived":false,"fork":false,"pushed_at":"2024-06-12T08:10:35.000Z","size":58721,"stargazers_count":15,"open_issues_count":55,"forks_count":11,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-12-08T10:41:15.292Z","etag":null,"topics":["lego-starter-kit","lsk","nodejs","react"],"latest_commit_sha":null,"homepage":"https://lskjs.github.io/ux/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lskjs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2016-10-25T11:54:06.000Z","updated_at":"2024-06-12T08:10:41.000Z","dependencies_parsed_at":"2024-06-18T20:10:09.368Z","dependency_job_id":null,"html_url":"https://github.com/lskjs/ux","commit_stats":{"total_commits":2631,"total_committers":28,"mean_commits":93.96428571428571,"dds":0.7803116685670848,"last_synced_commit":"f7ff1d8f3e2ecd5177255662af6cf6edb2feed67"},"previous_names":[],"tags_count":713,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lskjs%2Fux","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lskjs%2Fux/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lskjs%2Fux/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lskjs%2Fux/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lskjs","download_url":"https://codeload.github.com/lskjs/ux/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230000224,"owners_count":18157489,"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":["lego-starter-kit","lsk","nodejs","react"],"created_at":"2024-11-17T04:19:45.172Z","updated_at":"2024-12-16T17:29:01.551Z","avatar_url":"https://github.com/lskjs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LSK – UX packages\n\u003e Huge customizeble React-based framework with many cases.\n## Easy to implement. Simple in usage. Just like a lego constructor.\n\nэто монореп (управляется lenrа'ой), для фронтовых компонентов, тут нет никакого серверного кода и поэтому нету .env\nнас интересует в данный момент ui\n`npm run dev` - делает просто сборку src=\u003ebuild, это необходимо, когда мы линкуем пакеты к реальному  проекту и тестриуем в живой среде\n\n\n\n## [Tutorial](/blog/tutorial.md)\n\n\n## [Storybook](https://lskjs.github.io/ux)\n\n\n## Packages\n\n- [@lskjs/button](./packages/button/README.md) – React компоненты для кнопки и группы кнопок\n- [@lskjs/tag](./packages/tag/README.md) – React компоненты для тега и группы тегов\n-----\n- [@lskjs/article](./packages/article/README.md) – react компоненты для отображения статей в том числе markdown\n- [@lskjs/chat](./packages/chat/README.md) – react компоненты для чата ПРИДУМКА СОНИ TODO: нужно уже оформить\n- [@lskjs/dashboard](./packages/dashboard/README.md) –  часто использумые react  компоненты для админок и дешбордов: admin-lte/\n- [@lskjs/dev](./packages/dev/README.md) – тут вспомогательные реакт компоненты для разработки и отладки\n- [@lskjs/form](./packages/form/README.md) – тут реакт враперы для форм, построенные вокруг формика\n- [@lskjs/form-input](./packages/form-input/README.md) – контрол формы Input\n- [@lskjs/form-select](./packages/form-select/README.md) – контрол формы Select AsyncSelect\n- [@lskjs/form-calendar](./packages/form-calendar/README.md) – контрол формы для календарей\n- [@lskjs/form-geo](./packages/form-geo/README.md) – контрол формы для карт\n- [@lskjs/form-files](./packages/form-files/README.md) – контролы формы  для загрузки файлов, дропзоун, загрузка изображений и кроппер\n- [@lskjs/form-phone](./packages/form-phone/README.md) – тут реакт враперы для загрузки файлов, дропзоун, загрузка изображений и кроппер\n- [@lskjs/grid](./packages/grid/README.md) – тут наши реакт компоненты для сетки (по аналогии с сеткой бутстрапа)\n- [@lskjs/gridtable](./packages/gridtable/README.md) – это эксперимент, таблица на гридах с watchерами mobx\n- [@lskjs/link](./packages/link/README.md) – это реакт компонент для ссылок и провайдер ссылок\n- [@lskjs/list](./packages/list/README.md) – это компонент для умных таблиц-списков с функциями автоподгрузки фильтрации и тп\n- [@lskjs/modal](./packages/modal/README.md) – это компонент для модалок построенный на основе react-modal\n- [@lskjs/navbar](./packages/navbar/README.md) – это компонент react-bootstrap навбар, адаптированный для emotion\n- [@lskjs/page](./packages/page/README.md) – это компонент для разметки страниц, и прокидывания разных layout'ов для этих страниц\n- [@lskjs/theme](./packages/theme/README.md) – тут тема, getter свойств темы и дефолтная тема TODO: подумать как сделать real-time загрузку\n- [@lskjs/ui](./packages/ui/README.md) – тут ВСЯКАЯ ВСЯЧЕНА TODO: надо разобрать\n- [@lskjs/landing](./packages/landing/README.md) – ХЗХЗХЗХЗХ\n =\u003e @lskjs/experiment?\n =\u003e ....  стабильное\n- [@lskjs/typo](./packages/typo/README.md) – тут типографика, реализация: цвета, формы, размеры, шрифты\n- [@lskjs/progress](./packages/progress/README.md) – компонент прогресса построенный вокруг нанобара\n- [@lskjs/image](./packages/image/README.md) – кейсы по работе с изображениями, аспектратио, бэекграунд, фолбеки изображений\n- [@lskjs/t](./packages/t/README.md) – тут i18 \u003cT\u003e\n- [@lskjs/table](./packages/table/README.md) – наверное вынести таблички\n- [@lskjs/flag](./packages/flag/README.md) – отдедельно все что связано с флагами\n- [@lskjs/notify](./packages/notify/README.md) – тут центрнотификация и тосты\n\n\n## TODO\n\n[If you could help us](TODO.md)\n\n\n## How to develop\n\n```sh\ngit clone git@github.com:lskjs/ux.git lskjs-ux\ncd lskjs-ux\nnpm install\nnpm run bootstrap\ncd packages/ui\nnpm run storybook\n```\n\n## How to add new package \nTo create a new package with Storybook, do the following:\n\n1. Release new package:\n```sh\nnpm run release\n```\n2. Install it in ```packages/docs```:\n```sh\ncd packages/docs\nnpm i package_name\n```\n3. Go to ```packages/docs/.storybook/contexts.js``` to add line with your package's name.\n```js\n...\nrequire.context('../node_modules/@lskjs/package_name', true, /.story.js$|.story.jsx$|.story.tsx$/),\n...\n```\n4. Push \u0026 build docs:\n```sh\ngit push\nnpm run release \n```\nYou could check before release that the ``` npm run build-storybook``` in ```packages/docs``` is successful.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flskjs%2Fux","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flskjs%2Fux","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flskjs%2Fux/lists"}