VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.
npm i @vkontakte/vkui
или yarn add @vkontakte/vkui
Не забудьте посмотреть в консоль и установить необходимые пакету peerDependencies
import React from 'react';
import ReactDOM from 'react-dom';
import { View, Panel, PanelHeader, Header, Group, Cell } from '@vkontakte/vkui';
import '@vkontakte/vkui/dist/vkui.css';
function App () {
return (
<View activePanel="main">
<Panel id="main">
<PanelHeader>VKUI</PanelHeader>
<Group header={<Header mode="secondary">Items</Header>}>
<Cell>Hello</Cell>
<Cell>World</Cell>
</Group>
</Panel>
</View>
);
}
ReactDOM.render(<App />, document.getElementById('root'));
На данный момент мы поддерживаем webview следующих операционных систем:
- android >= 4.4
- ios >= 9
Иными словами, мы поддерживаем браузеры следующих версий:
- Safari для iOS >= 9
- Android Browser >= 4.4 (Chrome 30)
- Chrome для Android, начиная с Android 5.0 (Chrome 36)
Сейчас библиотека не гарантирует стабильную работу при интеграции в vk.com и m.vk.com. В vk.com есть нерешенные проблемы с элементами ввода типа клавиатуры и мышки. В m.vk.com есть несоответствия в списках поддерживаемых браузеров.
В данный момент ведется активная разработка адаптивного UI, который будет работать на десктопных и планшетных браузерах. Stay tuned.
В документации вы сможете найти информацию об использовании компонентов и утилит.
Напишите нам issue, если нашли баг или у вас есть предложения по улучшению библиотеки.
Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории, сделайте форк проекта, внесите изменения и отправьте нам pull request.