Чтобы получить в приложении значение переменной QueryString из адресной строки в приложении на JS/TS, можно воспользоваться классом URLSearchParams. Задача актуальна для приложений React, Angular, Vue.
(далее...)Чтобы получить в приложении значение переменной QueryString из адресной строки в приложении на JS/TS, можно воспользоваться классом URLSearchParams. Задача актуальна для приложений React, Angular, Vue.
(далее...)Сегодня зашел с коллегой разговор про скорость работы Hot Reload при разработке React приложений. Я ему рассказал про то, что попробовал запуск из WSL и что все быстрее обновляется. Речь про чистый React, не для SPFX. Меня спросили, как я создаю проект и как он у меня работает. И оказалось, что не всегда использовать старые проверенные методы есть хорошо.
(далее...)При разработке фронтенда на React часто возникает проблема поиска подходящих компонентов, которые не конфликтуют с уже используемыми решениями. Столкнувшись с этой проблемой, я решил создать свой собственный компонент для ввода времени — timepicker. Он позволяет вводить данные несколькими способами: с помощью цифр на клавиатуре, стрелками вверх-вниз на клавиатуре и аналогичными кнопками в интерфейсе. Это делает компонент гибким и удобным для пользователей с разными предпочтениями.
(далее...)Если вы когда-либо сталкивались с JavaScript, вероятно, слышали о методах slice
и splice
. Но что, если я скажу вам, что они имеют совершенно разные назначения и использование одного вместо другого может привести к непредсказуемым результатам. Вчера я минут 20 не мог понять, почему код правильный, а данные нет 🙂 Подвела авто-коррекция в VS Code.
Переменная типа Date - это объект в JavaScript и TypeScript. Когда у вас появится свободное время, попробуйте сравнить 2 объекта, не обязательно дату, вы найдете много интересного 🙂 Не буду умничать и скажу, что сравнивать нужно не объекты, а их свойства.
(далее...)Данные на сайтах часто выкладываются в красивом, но не всегда удобном формате. В Excel можно обработать данные - сортировать, фильтровать, делать расчеты, подготовить статистику или отчет с помощью сводных таблиц – очень много чего. Базовая версия описанного ниже экспорта в Excel из приложения React потребует не более 5 минут.
(далее...)Очередная шпаргалка для Fullstack разработчика - сводная таблица по добавлению и удалению элементов массива. Когда надо добавить элемент в начало массива, когда в конец, или наоборот - удалить элемент. Ниже 4 базовых метода для добавления или удаления элементов.
(далее...)В JS/TS есть удобные методы для работы с JSON - stringify для конвертации в строку и parse для обратного преобразования строки в объект. В TypeScript есть типы и есть тип данных Date, но без некоторых особенностей реализации не обошлось. Хоть и быстро, но не сразу, проблема была определена и решена, но какое-то время было потрачено. Есть некоторые особенности, как сделать дату из строки и наоборот в JavaScript / TypeScript.
(далее...)На почти 1 день встала разработка из-за того, что сразу не сообразил про особенность работы useState, хотя с ним не первый день работаю. Нужно было сформировать массив данных в React приложении через useState и axios, который тащил данные из API с разными параметрами. Посто про мои грабли и то, как не потратить 1 день на поиск не существующего бага React.
(далее...)Я часто занимаюсь разработкой приложений для SharePoint 2010. Да, знаю, что это старый продукт, но он еще долго может быть не выведен из эксплуатации. Я стараюсь как можно реже прибегать к кастомизации с использованием серверного кода, потому максимально использую возможности клиентских приложений.
(далее...)