Новый модальный компонент React отсутствует
В качестве моей первой статьи, опубликованной в Medium, сегодня я делюсь с вами и сообществом своим первым компонентом React, доступным на NPM и GitHub, react-imodal.
Зачем я это сделал?
Я разрабатывал приложение для управления финансами и создавал модальный компонент, затем я увидел, что этот компонент может быть очень полезен для других разработчиков, которые хотят реализовать готовый модальный модуль для непрерывного процесса разработки, а также для поддержки сообщества React, тогда я подумал, что могу стать частью этого сообщества.
Представление
Компонент легкий, всего лишь 1,84 КБ Gzip, что делает код очень чистым и быстрым с точки зрения архитектуры, а также дизайн работает почти на всех устройствах и браузерах, и его легко не только настроить. этапы перехода, но весь компонент в нашем превосходном стиле CSS.
Некоторые особенности
Этот компонент кажется очень простым, и это так, но он также имеет некоторые настраиваемые функции, которые позволяют вам изменять весь контент внутри него, и ваше поведение, например, desktopDraggable, что делает пользовательский интерфейс более привлекательным, и другие, такие как:
- Custom ClassName - модальное окно может получать Customized className для пользовательского дизайна пользовательского стиля и других внешних функций;
- Стиль - возможность переопределить все стили модального окна, включая анимации, которых пока два (активный и уходящий);
- Кнопки - вставьте обратные вызовы на кнопки подтверждения и отмены;
- AlertMode - установите режим AlertMode, чтобы он также работал как компонент оповещения;
- Другие функции. Ваш контент также может содержать в себе строки, узел и другие компоненты. В творчестве нет пределов.
«Но есть много компонентов, подобных вашему, почему я должен выбрать именно этот?»
Это правда, я согласен с вами, еще одно колесо на рынке, но сделано не тем же человеком, и опять же, оно предназначено для помощи тем, кто начинает разработку React и поддержку сообщества. :)
Заключение
На данный момент компонент будет по-прежнему включать в себя будущие функции, если вы хотите помочь превратить этот удивительный компонент в новую величайшую вещь, не стесняйтесь разветвлять репозиторий проекта и вносить свой вклад, ваши коммиты приветствуются, оставьте свои комментарии ниже об этой статье, это будет полезно. Спасибо всем за уделенное время!
