Библиотека компонентов React Native
Чтобы читать больше качественных статей, пожалуйстаПосетите блог GitHub, Сотни качественных статей ждут вас каждый год!
1. NativeBase
С более чем 10 000 звезд и 1 000 ответвлений, NativeBase является чрезвычайно популярной библиотекой компонентов пользовательского интерфейса, которая предоставляет десятки кросс-платформенных компонентов для нативного React. При использовании NativeBase вы можете использовать любую нативную стороннюю библиотеку «из коробки», а сам проект предоставляет вокруг себя богатую экосистему, от полезныхstarter-kitприбытьНастраиваемые шаблоны тем. Это хороший стартовый набор.
2. React Native Elements
React-native-elements, получивший более 15 тысяч звезд, представляет собой настраиваемый кроссплатформенный инструментарий пользовательского интерфейса, полностью построенный на Javascript. Его авторы утверждают, что «идея React Native Elements больше связана со структурой компонентов, чем с реальным дизайном, что означает меньшее количество шаблонов при настройке определенных элементов, но полный контроль над их дизайном», что должно сделать его полезным как для новых разработчиков, так и для опытных разработчиков. ветераны привлекательны. Вот примерЭкспо-приложение, показывающий все запущенные компоненты.
3. Shoutem
Shoutem с более чем 4 тысячами звезд — это набор пользовательского интерфейса React Native, работающий наКомпоненты пользовательского интерфейса,темаа такжеКомпонентная анимацияОн состоит из трех частей. Библиотека предоставляет набор кроссплатформенных компонентов для iOS и Android, которые можно компоновать и настраивать. Каждый компонент также имеет предопределенные стили, которые согласуются с другими компонентами, что позволяет создавать сложные компоненты без ручного определения сложных стилей.
4.UI Kitten
Более 3 тысяч звезд UI Kitten предоставляет настраиваемый и многоразовый набор инструментов для реактивных компонентов, основанный на концепции перемещения определений стилей в определенные места, что делает компоненты многоразовыми и разработанными в едином стиле. Легко динамически изменить тему, передав другой набор переменных. Вот хорошийВыставочный кейс, можно глянуть.
5. React Native Material UI
Библиотека с более чем 2 тысячами звезд с набором настраиваемых компонентов пользовательского интерфейса, реализующих дизайн материалов Google. Обратите внимание, что библиотека используетuiThemeJS-объект, который передается через контекст для максимальной настраиваемости. По умолчанию этоuiThemeОбъект на основе того, что вы можете найти здесьlightTheme.
6. React Native Material Kit
Несмотря на то, что эта библиотека была выпущена на NPM в декабре 2017 года, она по-прежнему заслуживает упоминания благодаря базовому, но полезному набору компонентов пользовательского интерфейса и тем для реализации Google MD. Почему? Потому что это просто, практично и совместимо. Но использовать с осторожностью из-за относительно низких эксплуатационных расходов.
7. Nachos UI
Более 1,5 тыс. звезд Nachos UI — это библиотека компонентов React Native с более чем 30 настраиваемыми компонентами, благодаряreact-native-web, эти компоненты также работают в Интернете.
8. React Native UI Library
Wix engineeringЭтот современный набор инструментов пользовательского интерфейса и собственный React (demo) библиотека компонентов, которая также поддерживаетreact-native-animatableа такжеreact-native-blurиз коробки. Библиотека поставляется с набором предустановленных стилей (преобразованных в модификаторы), включая цвета, типографику, тени, радиус границы и многое другое.
9. React Native Paper
Более 3 тысяч звезд React Native Paper — это кроссплатформенная библиотека компонентов пользовательского интерфейса, которая следует рекомендациям по дизайну материалов и поддерживаетГлобальная тематика, и дополнительный плагин babel для уменьшения размера модуля. Ниже приведенОбразец заявки на выставку, которые помогут вам быстро узнать о библиотеке.
10. React Native Vector Icons
Библиотека более 10 тысяч звезд — это набор настраиваемых иконок для React Native с поддержкой NNavBar/TabBar/ToolbarAndroid, источником изображения и полным стилем. Неудивительно, что он очень полезен и используется тысячами приложений, а также другими библиотеками компонентов пользовательского интерфейса, такими как react-native-paper. Библиотека предоставляет готовые наборы иконок из коробки, следующие находятся в библиотекеПолный пример всех иконок.
11. Teaset
Teaset с более чем 1,35 звездами — это библиотека пользовательского интерфейса для React Native, содержащая более 20 компонентов чистого JS (ES6), ориентированных на отображение контента и управление действиями. Документация минимальна (но всеобъемлюща), и ее простота и дизайн привлекли мое внимание.
Библиотека визуализации данных Javascript
1. D3js
С более чем 80 тысячами звезд D3.js, вероятно, является самой популярной и широко распространенной библиотекой визуализации данных Javascript. D3 используется для управления документами на основе данных и реализует данные с помощью HTML, SVG и CSS. Акцент D3 на веб-стандартах дает вам возможности современного браузера без привязки к проприетарной среде, сочетая визуальные компоненты с управляемым данными подходом к манипулированию DOM. Он позволяет привязывать произвольные данные к объектной модели документа (DOM), а затем применять к документу управляемые данными преобразования.Вот хороший пример библиотеки.
2. ChartJS
Очень популярная (40 тысяч звезд) библиотека диаграмм HTML 5 с открытым исходным кодом для адаптивных веб-приложений, использующих элемент canvas. V.2 предлагает гибридные типы диаграмм, новые типы осей диаграмм и приятную анимацию. Дизайн простой и элегантный, с8Базовый тип диаграммы, вы можете комбинировать библиотеку с moment.js для временных шкал.
Эта очень популярная библиотека (более 45 тысяч звезд; 1 тысяча участников) использует WebGL для создания 3D-анимации. Гибкость и абстрактный характер этого проекта означают, что он также полезен для визуализации 2- или 3-мерных данных. Например, вы также можете использовать указанный модуль для визуализации 3D-графики через WebGL или попробоватьИспользуйте эту онлайн-площадку.
4. Echarts & Highcharts
Проект ECHARTS Baidu (более 30 тысяч звезд) - это интерактивная диаграмма и визуальная библиотека для вашего браузера. Он написан в чистом JavaScript на основеzrenderбиблиотека холстов. Он поддерживает рендеринг диаграмм в форматах Canvas, SVG (4.0+) и VML. Помимо ПК и мобильных браузеров, echart также можно использовать с node-Canvas для эффективного рендеринга на стороне сервера (SSR).
Highcharts JSпредставляет собой библиотеку диаграмм SVG на 8 тысяч звезд с поддержкой VML и canvas для старых браузеров. В нем утверждается, что 72 из 100 крупнейших компаний мира используют eb, что делает его (вероятно) самым популярным API для построения диаграмм JS в мире (Facebook, Twitter).
5. Metric-Graphics
MetricsGraphics.j (7 тысяч звезд) — это оптимизированная библиотека для визуализации и отображения данных временных рядов. Он относительно небольшой (сжато 80 КБ) и предлагает сложный и элегантный выбор линий, точечных, гистограмм, столбцов и таблиц данных, а также такие функции, как графики плотности и базовая линейная регрессия.Вот ссылка на интерактивную библиотеку примеров.
6. Recharts
Recharts — это библиотека диаграмм, созданная с помощью React и D3, которая поддерживает декларативный компонентный подход React. Библиотека обеспечивает встроенную поддержку SVG, облегченное дерево зависимостей (субмодуль D3) через компоненты.propsШирокие возможности настройки. Вы можете найти больше примеров на сайте документации.
7. Raphael
Векторная библиотека Javascript на 10 тысяч звезд для обработки векторной графики в Интернете. Библиотека использует Рекомендацию SVG W3C и VML в качестве основы для создания графики, поэтому каждый графический объект также является объектом DOM, и вы можете присоединять обработчики событий JavaScript. В настоящее время Raphael поддерживает Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ и Internet Explorer 6.0+.
8. C3js
C3js от 8k stars — это многоразовая библиотека диаграмм на основе D3 для веб-приложений. Библиотека предоставляет классы для каждого элемента, так что вы можете определять собственные стили через классы и расширять структуру непосредственно через D3. Он также предоставляет различные API и обратные вызовы для доступа к состоянию графика. С их помощью вы даже можете обновить диаграмму после рендеринга,Посмотрите эти примеры.
9. React Virtualized + React Vis + Victory
React-vis(5k stars) — это набор компонентов React для Uber, позволяющий отображать данные согласованным образом, включая линейные/поверхностные/гистограммы, тепловые карты, диаграммы рассеяния, контурные диаграммы, шестиугольные тепловые карты и многое другое. Библиотека не требует каких-либо предварительных знаний о D3 или любой другой базе данных и предоставляет низкоуровневые модульные компоненты строительных блоков, такие как оси X/Y.
React virtualized(12 тысяч звезд) — это набор компонентов React для эффективного рендеринга больших списков и табличных данных. Каждый дистрибутив предоставляет сборки ES6, CommonJS и UMD, а проект поддерживает рабочие процессы Webpack 4. Обратите внимание, что react-dom должен быть указан как одноранговая зависимость, чтобы избежать конфликтов версий.
Victoryпредставляет собой набор компонуемых компонентов React для создания интерактивных визуализаций данных, созданных Powerful Labs с более чем 6 тысячами звезд. Victory использует один и тот же API для веб-приложений и приложений React Native для удобного построения графиков на разных платформах. Элегантный и гибкий способ использования компонентов React для поддержки визуализации реальных данных.
10. Raw graphs
Raw более 5 000 звезд — это связующее звено между электронными таблицами и визуализацией данных.d3.jsСоздавайте собственные векторные визуализации поверх библиотеки. Он может обрабатывать табличные данные (расширенные списки и значения, разделенные запятыми), а также текст, скопированный из других приложений. На основе формата SVG визуализации можно редактировать с помощью приложений векторной графики для дальнейшего улучшения или встраивать непосредственно в веб-страницы.
11. Metabase
Благодаря метабазе с более чем 11 тысячами звезд использование SQL для создания информационных панелей данных является очень быстрым и простым способом без знания SQL (но с использованием режима SQL для аналитиков и специалистов по данным). Вы можете создавать канонические сегменты и показатели, отправлять данные в Slack (и просматривать данные в Slack с помощью MetaBot) и многое другое. Это может быть отличным инструментом для вашей команды для внутренней визуализации данных, хотя может потребоваться некоторое обслуживание.
оригинал:blog.bit SRC.IO/11-реагировать-что…
Ваши лайки - моя мотивация продолжать делиться хорошими вещами, ставьте лайки!
общаться с
Статьи из серии галантерейных товаров резюмируются следующим образом: если вы чувствуете себя хорошо, нажмите «Звезда», добро пожаловать в группу, чтобы учиться друг у друга.
Я Сяо Чжи, автор официального аккаунта "Moving the World",Продолжайте знакомить энтузиастов с передовыми технологиями. Я буду часто делиться тем, что я узнал и увидел, На пути продвижения, давайте подбадривать друг друга!
Обратите внимание на публичный аккаунт и отвечайте в фоновом режимеБлагосостояние, вы можете увидеть преимущества, вы знаете.