RepositoryCurrent collected state Current
Observed since 20 Oct, 19:28 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
2.34.1
npm37bytes-vkui
VKUI library
Published15 Aug 2021
Direct dependencies53
Transitive dependenciesNot calculated
README
Current package documentationФорк
Форк @vkontakte/vkui, в master модифицированная версия 2.34.1.
Библиотека @vkontakte/vk-connect заменена на @vkontakte/vk-bridge.
Подробности в задаче MARALL-2734.
VKUI
VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
License
Установка
npm i @vkontakte/vkui или yarn add @vkontakte/vkui
Hello World
import React from 'react';
import ReactDOM from 'react-dom';
import { View, Panel, PanelHeader, Group, List, Cell } from '@vkontakte/vkui';
import '@vkontakte/vkui/dist/vkui.css';
function App () {
return (
<View activePanel="main">
<Panel id="main">
<PanelHeader>VKUI</PanelHeader>
<Group title="Items">
<List>
<Cell>Hello</Cell>
<Cell>World</Cell>
</List>
</Group>
</Panel>
</View>
);
}
ReactDOM.render(<App />, document.getElementById('root'));
Браузеры
На данный момент мы поддерживаем webview следующих операционных систем:
- android >= 4.4
- ios >= 9
Документация
В документации вы сможете найти информацию об использовании компонентов и утилит.
Сообщить о проблеме
Напишите нам issue, если нашли баг или у вас есть предложения по улучшению библиотеки.
Contributing
Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории, сделайте форк проекта, внесите изменения и отправьте нам pull request.
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 58
Native requirements53 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
@vkontakte/vk-bridgeEnvironment{
"local_name": "@vkontakte/vk-bridge",
"alias": false,
"peer_metadata": null
} | ^2.4.8 | runtime |
@babel/cliEnvironment{
"local_name": "@babel/cli",
"alias": false,
"peer_metadata": null
} | ^7.2.0 | development |
@babel/coreEnvironment{
"local_name": "@babel/core",
"alias": false,
"peer_metadata": null
} | ^7.2.2 | development |
@babel/plugin-proposal-class-propertiesEnvironment{
"local_name": "@babel/plugin-proposal-class-properties",
"alias": false,
"peer_metadata": null
} | ^7.2.1 | development |
@babel/plugin-proposal-object-rest-spreadEnvironment{
"local_name": "@babel/plugin-proposal-object-rest-spread",
"alias": false,
"peer_metadata": null
} | ^7.2.0 | development |
@babel/plugin-transform-runtimeEnvironment{
"local_name": "@babel/plugin-transform-runtime",
"alias": false,
"peer_metadata": null
} | ^7.5.5 | development |
@babel/preset-envEnvironment{
"local_name": "@babel/preset-env",
"alias": false,
"peer_metadata": null
} | ^7.5.5 | development |
@babel/preset-reactEnvironment{
"local_name": "@babel/preset-react",
"alias": false,
"peer_metadata": null
} | ^7.0.0 | development |
@babel/preset-typescriptEnvironment{
"local_name": "@babel/preset-typescript",
"alias": false,
"peer_metadata": null
} | ^7.3.3 | development |
@babel/runtimeEnvironment{
"local_name": "@babel/runtime",
"alias": false,
"peer_metadata": null
} | ^7.5.5 | development |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | ^12.7.2 | development |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | ^16.9.2 | development |
@types/react-domEnvironment{
"local_name": "@types/react-dom",
"alias": false,
"peer_metadata": null
} | ^16.8.5 | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | ^2.2.0 | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | ^2.2.0 | development |
@vkontakte/appearanceEnvironment{
"local_name": "@vkontakte/appearance",
"alias": false,
"peer_metadata": null
} | git+https://github.com/VKCOM/Appearance.git#v2.3.6 | development |
@vkontakte/iconsEnvironment{
"local_name": "@vkontakte/icons",
"alias": false,
"peer_metadata": null
} | ^1.8.3 | development |
autoprefixerEnvironment{
"local_name": "autoprefixer",
"alias": false,
"peer_metadata": null
} | ^7.2.3 | development |
babel-loaderEnvironment{
"local_name": "babel-loader",
"alias": false,
"peer_metadata": null
} | ^8.0.4 | development |
classnamesEnvironment{
"local_name": "classnames",
"alias": false,
"peer_metadata": null
} | ^2.2.6 | development |
concurrentlyEnvironment{
"local_name": "concurrently",
"alias": false,
"peer_metadata": null
} | ^4.1.2 | development |
css-loaderEnvironment{
"local_name": "css-loader",
"alias": false,
"peer_metadata": null
} | ^3.2.0 | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | ^6.3.0 | development |
eslint-config-semistandardEnvironment{
"local_name": "eslint-config-semistandard",
"alias": false,
"peer_metadata": null
} | ^15.0.0 | development |
eslint-config-standardEnvironment{
"local_name": "eslint-config-standard",
"alias": false,
"peer_metadata": null
} | ^13.0.1 | development |
eslint-plugin-importEnvironment{
"local_name": "eslint-plugin-import",
"alias": false,
"peer_metadata": null
} | ^2.18.2 | development |
eslint-plugin-nodeEnvironment{
"local_name": "eslint-plugin-node",
"alias": false,
"peer_metadata": null
} | ^10.0.0 | development |
eslint-plugin-promiseEnvironment{
"local_name": "eslint-plugin-promise",
"alias": false,
"peer_metadata": null
} | ^4.2.1 | development |
eslint-plugin-reactEnvironment{
"local_name": "eslint-plugin-react",
"alias": false,
"peer_metadata": null
} | ^7.9.1 | development |
eslint-plugin-standardEnvironment{
"local_name": "eslint-plugin-standard",
"alias": false,
"peer_metadata": null
} | ^4.0.1 | development |
mini-css-extract-pluginEnvironment{
"local_name": "mini-css-extract-plugin",
"alias": false,
"peer_metadata": null
} | ^0.4.0 | development |
postcssEnvironment{
"local_name": "postcss",
"alias": false,
"peer_metadata": null
} | ^7.0.17 | development |
postcss-cliEnvironment{
"local_name": "postcss-cli",
"alias": false,
"peer_metadata": null
} | ^6.1.3 | development |
postcss-cssoEnvironment{
"local_name": "postcss-csso",
"alias": false,
"peer_metadata": null
} | ^3.0.0 | development |
postcss-custom-propertiesEnvironment{
"local_name": "postcss-custom-properties",
"alias": false,
"peer_metadata": null
} | ^8.0.9 | development |
postcss-importEnvironment{
"local_name": "postcss-import",
"alias": false,
"peer_metadata": null
} | ^12.0.1 | development |
postcss-loaderEnvironment{
"local_name": "postcss-loader",
"alias": false,
"peer_metadata": null
} | ^3.0.0 | development |
pre-commitEnvironment{
"local_name": "pre-commit",
"alias": false,
"peer_metadata": null
} | ^1.2.2 | development |
prop-typesEnvironment{
"local_name": "prop-types",
"alias": false,
"peer_metadata": null
} | ^15.6.1 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^16.8.6 | development |
react-docgenEnvironment{
"local_name": "react-docgen",
"alias": false,
"peer_metadata": null
} | ^4.1.1 | development |
react-docgen-typescriptEnvironment{
"local_name": "react-docgen-typescript",
"alias": false,
"peer_metadata": null
} | ^1.14.1 | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^16.8.6 | development |
react-frame-componentEnvironment{
"local_name": "react-frame-component",
"alias": false,
"peer_metadata": null
} | ^3.0.0 | development |
react-styleguidistEnvironment{
"local_name": "react-styleguidist",
"alias": false,
"peer_metadata": null
} | ^9.1.16 | development |
source-map-loaderEnvironment{
"local_name": "source-map-loader",
"alias": false,
"peer_metadata": null
} | ^0.2.4 | development |
stylelintEnvironment{
"local_name": "stylelint",
"alias": false,
"peer_metadata": null
} | ^10.1.0 | development |
stylelint-config-standardEnvironment{
"local_name": "stylelint-config-standard",
"alias": false,
"peer_metadata": null
} | ^18.3.0 | development |
ts-loaderEnvironment{
"local_name": "ts-loader",
"alias": false,
"peer_metadata": null
} | ^6.0.4 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^3.5.3 | development |
webpackEnvironment{
"local_name": "webpack",
"alias": false,
"peer_metadata": null
} | ^4.12.0 | development |
webpack-cliEnvironment{
"local_name": "webpack-cli",
"alias": false,
"peer_metadata": null
} | ^3.0.3 | development |
webpack-mergeEnvironment{
"local_name": "webpack-merge",
"alias": false,
"peer_metadata": null
} | ^4.0.0 | development |
@babel/runtimeEnvironment{
"local_name": "@babel/runtime",
"alias": false,
"peer_metadata": null
} | ^7.5.5 | peer |
@vkontakte/iconsEnvironment{
"local_name": "@vkontakte/icons",
"alias": false,
"peer_metadata": null
} | ^1.8.3 | peer |
prop-typesEnvironment{
"local_name": "prop-types",
"alias": false,
"peer_metadata": null
} | ^15.6.1 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^16.8.6 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^16.8.6 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"integrity": "sha512-7EqrUTpxD2TbJHibDIkTml5XtDDFeh8mtGLikFa4OxkDqVtjQvqzSoHaQX215zPoGsdt7NbYLFWOzjTf2qvwzA==",
"shasum": "4bdebd9b31224f9c153ba751d5d370950914d1eb",
"tarball": "https://registry.npmjs.org/37bytes-vkui/-/37bytes-vkui-2.34.1.tgz",
"fileCount": 788,
"unpackedSize": 3145193,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGMKBCRA9TVsSAnZWagAAL4MP/2OfDpJdKH3vuhBvAtQO\nONnrxYbWJT9rGGN8J1IOlbwxv3NyDkV/Tnb6w+en/OIKgIExVZrrWMffZnd1\nTnQhmKnz3zrZBDroSaR0jNmtfa5maz1Mud03BhXvPxydbRnnCnufLuYQItiJ\n+dzsSJRN1+fpV2KNpaxgq5/GV3pfdacB3OSGKGE9IcaRMWM6SyPktZqvBHjP\nrkw848aLYhyE7KiG8RYVx1EtADZYtX4hZ2R7aaOOevPHlonj4XU73rNbwTnB\n8f/cK3epwGckIjPjERX5aUK0mLw9sHu7SYQZ4RkHwfjt+D4LXITmpmj5JgO4\nvGcjl2X1KR3ifeKJFnJ/RPIu8y2BWcj6zvWkniem5OD3Wo+JMjifprWsxxNV\nMtcXQZOWjCMvDMRe5xtGohzBR0JM77MwhNtbJ4RhUDbWkHiqmXO+plv1v64P\n62KP2I4fCNsil1XqVokatalXClHEqbPJLhIYJQKZvefWIH/M3ScxkxxNTTva\nGKDp9+CPTeLM9aB7CrEJhBL3I5lymR2m6yQ9EI5lHUiwsbK5VQXmgrEvuesf\n1jZp8PRt3dj3E/SB7ZoE7OxA+KnPHLIDqxpA+2gDnLYzQ7EDZxeSWKpPaZN0\nlAOeyCdey4+vOraDUHA+9YFt5v1OaLVf2ecpoARr8w2AA/rNfcctg47OMy8G\nSeob\r\n=BVgr\r\n-----END PGP SIGNATURE-----\r\n",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEUCIBRhsFXT9TenRu/NaFip1ppFwc0H31k4s+/mZ/H5C6LWAiEAiiydjtgIlU7cbBnxDGaT7U8Nj+ntIXROA52zNP+LvCQ="
}
]
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:66780cedc81af645fbbc0ff0c138aa9a67eca1f1e4664756c27227c4372c0696