Чтобы получить в приложении значение переменной QueryString из адресной строки в приложении на JS/TS, можно воспользоваться классом URLSearchParams. Задача актуальна для приложений React, Angular, Vue.
(далее...)Чтобы получить в приложении значение переменной QueryString из адресной строки в приложении на JS/TS, можно воспользоваться классом URLSearchParams. Задача актуальна для приложений React, Angular, Vue.
(далее...)Сегодня зашел с коллегой разговор про скорость работы Hot Reload при разработке React приложений. Я ему рассказал про то, что попробовал запуск из WSL и что все быстрее обновляется. Речь про чистый React, не для SPFX. Меня спросили, как я создаю проект и как он у меня работает. И оказалось, что не всегда использовать старые проверенные методы есть хорошо.
(далее...)Недавно я дорабатывал утилиту для обработки PDF файлов, которая в том числе должна была модифицировать изображения. То была программа была на .Net , но для ее проверки надо было выгрузить из файла изображения и убедиться, что все изменено как надо.
(далее...)В сервисе, который перемещал по полученному сообщению директорию из одного места в другое, часто была ошибка перемещения. Самая распространенная - файл в директории кем-то открыт. Вопроса два - какой файл и кто держит.
(далее...)Для передачи параметров через Get нужно было собрать строку из выбранных значений Checkbox. В проекте использовал Checkbox из Fluent UI, но подход аналогичный для другого компонента. Собственно, здесь даже не про React, а про TypeScript.
(далее...)Сейчас много работаю с TypeScript и потому иногда пишу методы, которые могу не сразу вспомнить, если потом переключусь, к примеру, на NetCore проект. Потому для потенциального освежения памяти в будущем запишу пару полезных примеров использования reduce - поиск максимума и подсчет количества в массиве объектов.
(далее...)При разработке фронтенда на React часто возникает проблема поиска подходящих компонентов, которые не конфликтуют с уже используемыми решениями. Столкнувшись с этой проблемой, я решил создать свой собственный компонент для ввода времени — timepicker. Он позволяет вводить данные несколькими способами: с помощью цифр на клавиатуре, стрелками вверх-вниз на клавиатуре и аналогичными кнопками в интерфейсе. Это делает компонент гибким и удобным для пользователей с разными предпочтениями.
(далее...)Ячейка с закругленными краями выглядит эффектно и часто сильно добавляет карме к интерфейсу сайта. Закругления добавляют элементу мягкости, создают ощущение гармонии. В современных дизайнах закругленные углы часто используются, чтобы придать интерфейсам и объектам более современный и стильный вид.
(далее...)Если вы когда-либо сталкивались с JavaScript, вероятно, слышали о методах slice
и splice
. Но что, если я скажу вам, что они имеют совершенно разные назначения и использование одного вместо другого может привести к непредсказуемым результатам. Вчера я минут 20 не мог понять, почему код правильный, а данные нет 🙂 Подвела авто-коррекция в VS Code.
В очередной раз мне нужно сделать экспорт в Excel. И на этот раз есть требования к шаблону - цвета, форматирование и прочее. Не так давно я реализовал экспорт в Excel с помощью пакета XLSX для React, но он был отрисован на клиенте. Это решение хорошо, но имеет много ограничений. В частности, в бесплатной версии нельзя было использовать форматирование. Да и генерировать большие объемы на клиенте не очень хорошо. Поэтому я начал искать другое решение.
(далее...)