Сегодня зашел с коллегой разговор про скорость работы 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. Да, знаю, что это старый продукт, но он еще долго может быть не выведен из эксплуатации. Я стараюсь как можно реже прибегать к кастомизации с использованием серверного кода, потому максимально использую возможности клиентских приложений.

Самый простой и быстрый способ кастомизации форм списков SharePoint – это метод с применением веб-части «Редактор содержимого» (CEWP – Content editor web part), в которую нужно добавить ссылку на html-файл с кодом.