Лучшие фреймворки JavaScript для создания веб-дашбордов

Веб-панель мониторинга, как и следовало ожидать, содержит множество компонентов. Мало того, что может быть много отдельных частей, с которыми нужно иметь дело, но каждая из них может быть заполнена с использованием отдельных хранилищ данных и методов транспортировки. Например, данные для одной диаграммы могут быть получены из общедоступной службы jsonp, в то время как данные для другой могут быть получены в результате очистки страницы. Из-за междоменных ограничений панель мониторинга, которая объединяет данные со многих серверов, не сможет использовать чистый Ajax. В результате, возможно, потребуются серверные технологии.

А пока давайте сконцентрируемся на фреймворках на основе JavaScript . Вот некоторые из них:

-> Angular
-> React
-> Flux
-> Ember
-> Bootstrap
-> D3
-> Browserify

На самом деле, вместо того, чтобы полагаться исключительно на один фреймворк, наилучшие результаты обычно достигаются путем их комбинирования (React / Flux, d3 и Browserify).

React – отличная альтернатива для задач внешнего интерфейса, потому что он обрабатывает все манипуляции с DOM, а также приятна эта среда в использовании.

D3 особенно хорош в создании интерактивных диаграмм и карт с плавными переходами. Он хорошо интегрируется с React и может выполнять широкий спектр математических операций.

После нескольких лет работы с Angular я обнаружил несколько недостатков, которые заставляют меня с осторожностью одобрять его. Фреймворк ограничен в своей гибкости, потому что он требует, чтобы ваши проекты следовали архитектурной структуре MVC. В некоторых случаях я считаю, что это перебор. Однако, если у вас есть большой опыт работы с Angular, вы можете получить с ним много хороших результатов.

Поскольку и React, и D3 включают большое количество компонентов, вы сможете сосредоточиться на логике потока данных вместо того, чтобы изучать все основные моменты фреймворка. 

Также вы не ошибетесь с Flux для обработки данных. Он был создан специально для работы с React. Среда проста в использовании и действительно эффективна. Ее основы просты: у вас есть хранилища для хранения данных и обработчики изменений, но вы также можете сделать это намного проще, используя фантастическую библиотеку Reflux!

Вы также можете попробовать Browserify. На стороне клиента вы можете использовать весь синтаксис Node и большинство библиотек npm, и он просто скомпилируется для клиента. Фреймворк Browserify-test отлично справляется со своей задачей. Создание простых задач npm занимает всего несколько минут, и это позволяет вам организовать свой код так, как вы хотите, при создании прототипа, не беспокоясь о производительности.

Ответить