Технологии проекта

Здесь перечислены пакеты, используемые для построения Web приложения. Для создания пользовательского интерфейса используется JavaScript-библиотека ReactJS. Сложный пользовательский интерфейс основан на компонентах. Внутри компонента описана логика его работы. Поскольку логика компонента написана на JavaScript, а не содержится в шаблонах, можно с лёгкостью передавать самые разные данные по всему приложению и держать состояние вне DOM. И хотя после компиляции исходников кода получаем файлы html, js, css все же для создания компонентов используем готовые модули и библиотеки которые представленны ниже.

Здесь не представленны вспомогательные технологии которые необходимы для сборки, например NodeJS. Средства, используемые для разработки, перечислены в отдельном разделе этой главы.

Шрифты

Open Sans Лицензия - Apache License, Version 2.0.

@babel.js

Babel - это транспайлер, позволяющий менять исходный код одной программы на эквивалентный исходный код на другом языке. В случае с Babel, он переписывает современный Javascript стандарта Javascript (ESNext) на старый, позволяя разработчикам писать программы с обратной совместимостью для старых версий браузеров.

Лицензия - MIT

https://github.com/babel/babel

React

JavaScript-библиотека для управления DOM-деревом.

Лицензия - MIT

https://github.com/facebook/react

React-redux

Контейнер данных, который может использоваться для того чтобы хранить текущее состояние приложения. Данные из этого контейнера могут быть легко получены или изменены из любой точки приложения.

Лицензия - MIT

https://github.com/reduxjs/react-redux

prop-types

Ряд валидаторов данных и свойств в JavaScript.

Лицензия - MIT

https://github.com/facebook/prop-types

@material-ui

Material-ui — обширная библиотека React компонентов для стилизации и добавления функционала интерфейса.

Лицензия - MIT

https://github.com/mui-org/material-ui

axios

Axios — популярный HTTP клиент для браузеров и node.js, основанный на промисах. Поддерживает запрос и передачу ответов от сервера, трансформирует и автоматически конвертирует их в JSON.

Лицензия - MIT

https://github.com/axios/axios

prop-types

Ряд валидаторов получаемых данных в JavaScript.

Лицензия - MIT

https://github.com/facebook/prop-types

classnames

Библиотека для простого условного объединения имен классов.

Лицензия - MIT

https://github.com/JedWatson/classnames

draft-js

Фреймворк для управления текстовым вводом и создания текстовых редакторов.

Лицензия - BSD

https://github.com/facebook/draft-js

express

Веб-фреймворк для приложений Node.js

Лицензия - MIT

https://github.com/expressjs/express

history

Объект для сохранения истории переходов в веб страницах пользователя в JavaScript

Лицензия - MIT

https://github.com/ReactTraining/history

immutable

Коллекция неизменяемых объектов и набор методов работы с ними в JavaScript

Лицензия - MIT

https://github.com/facebook/immutable-js

lodash

Библиотека для работы с данными, для конвертирования их из одного формата в другой, фильтрации, маппинга и других вещей.

Лицензия - MIT

https://github.com/lodash/lodash

moment

Библиотека JavaScript для работы с датами. Позволяет отображать дату в соответствии с локализацией в удобном формате.

Лицензия - MIT

https://github.com/moment/moment

material-ui-pickers

Библиотека с Material-UI компонентами выбора даты и времени

Лицензия - MIT

https://github.com/dmtrKovalenko/material-ui-pickers

mui-datatables

Компонент для создания и управления таблицами.

Лицензия - MIT

https://github.com/gregnb/mui-datatables

react-animated-slider

Компонент для создания анимации в React

Лицензия - MIT

https://github.com/erichbehrens/react-animated-slider

react-autosuggest

Компонент для автоматического подбора текста в поисковой строке

Лицензия - MIT

https://github.com/moroshko/react-autosuggest

react-big-calendar

Компонент для стилизации календаря

Лицензия - MIT

https://github.com/intljusticemission/react-big-calendar

react-chartjs-2

Библиотека адаптивных диаграм

Лицензия - MIT

https://github.com/reactjs/react-chartjs

react-countup

Анимация цифрового счета

Лицензия - MIT

https://github.com/glennreyes/react-countup

react-dropzone

Совместимый с HTML5 компонент для обработки перетаскивания файлов

Лицензия - MIT

https://github.com/react-dropzone/react-dropzone

react-google-maps

Плагин, предоставляющий компоненты для отображения и работы с Google Maps

Лицензия - MIT

https://github.com/tomchentw/react-google-maps

react-helmet

Пакет для работы с заголовком HTML-документа из вложенных компонентов

Лицензия - MIT

https://github.com/nfl/react-helmet

react-hot-loader

плагин для Webpack, который позволяет мгновенно обновлять в реальном времени без потери состояния при редактировании компонентов React

Лицензия - MIT

https://github.com/gaearon/react-hot-loader

react-input-range

Компонент для вввода фировых значений в заданном диапазоне

Лицензия - MIT

https://github.com/davidchin/react-input-range

react-ionicons

Компонент для создания и редактирования иконок

Лицензия - MIT

https://zamarrowski.github.io/react-ionicons/

react-loading-bar

Компонент для анимации индикатора загрузки/выполнения

Лицензия - MIT

https://github.com/mironov/react-redux-loading-bar

react-markdown

Лицензия - MIT

https://github.com/rexxars/react-markdown

react-slick

Компонентя для создания карусели изображений

Лицензия - MIT

https://github.com/akiran/react-slick

react-syntax-highlighter

Компонент для выделения синтаксиса кода на веб странице у клиента

Лицензия - MIT

https://github.com/conorhastings/react-syntax-highlighter

react-trello

Компонент - аналог трелло

Лицензия - MIT

https://github.com/rcdexta/react-trello

react-ultimate-pagination

Компонент для создания и нумерации страниц

Лицензия - MIT

https://github.com/ultimate-pagination/react-ultimate-pagination

recharts

Библиотека на основе D3. js, позволяющая строить графики с использованием HTML, SVG и CSS.

Лицензия - MIT

https://github.com/recharts/recharts

redux-form

Библиотека Redux для построения форм компонентов

Лицензия - MIT

https://github.com/erikras/redux-form-material-ui

typeface-roboto

Файлы для использования шрифта Roboto

Лицензия - MIT

https://github.com/KyleAMathews/typefaces/tree/master/packages/roboto

Leaflet

Библиотека с открытым исходным кодом, написанная на JavaScript, предназначенная для отображения карт на веб-сайтах.

Лицензия - BSD 2-Clause https://github.com/Leaflet/Leaflet/blob/master/LICENSE

https://leafletjs.com

React Beautiful DND

Библиотека для реализации различного рода Drag&Drop списков

Лицензия - Apache 2.0 https://github.com/atlassian/react-beautiful-dnd/blob/master/LICENSE

https://github.com/atlassian/react-beautiful-dnd