Недавно Sentry преобразовала 100% своей клиентской базы кода React с JavaScript на TypeScript. В этом году работа охватила более десятка членов команды инженеров, 1100 файлов и 95 000 строк кода.

В этом сообщении блога мы делимся своим процессом, методами, проблемами и, в конечном итоге, тем, что мы узнали на этом пути.

Итак, сегодня я хотел поделиться способом повышения производительности приложений в целом, уменьшив количество сетевых запросов, которые, возможно, не нужны.

Начинаем

Инкапсуляция не присуща Javascript. Нет модификаторов, таких как private и public которые помогают защитить объекты от нежелательного доступа. Это одна из причин, почему в JS важна область видимости функций. Каждая функция создает новую область видимости. Область видимости определяет видимость переменных внутри функции.

В тот момент, когда вы окунетесь в мир серверного рендеринга, все может быстро усложниться. Особенно в больших приложениях, которые содержат много вложенных компонентов и вызовов API, и каждый из них вызывается и отображается в браузере только тогда, когда это необходимо. Мы обязательно хотим предварительно загрузить данные, необходимые для отображения заголовка на этом веб-сайте. Но всегда ли мне нужно предварительно загружать данные с нашей домашней страницы? Вы могли найти это сообщение в блоге на Google.com и, возможно, никогда не посетить нашу домашнюю страницу или все другие наши сообщения в блогах сегодня. А как насчет вложенного компонента в этой статье, при каких условиях мы предварительно загружаем его данные? Давайте ответим на эти вопросы.

Привет, разработчики! Все используют различные библиотеки управления состоянием в своем приложении, многие из нас уже используют Redux, Redux Saga, Redux Rematch. Сегодня мы рассмотрим MobX, самую популярную альтернативу Redux. MobX State Tree (MST) - это мощная библиотека управления состоянием, которую вы можете использовать как в малых, так и в корпоративных приложениях, и ее очень просто подключить и запустить. Я проведу вас от базовой концепции к интеграции на уровне компонентов. Итак, продолжим.

Недавно я столкнулся с требованием, при котором мне приходилось извлекать все zip-файлы, находящиеся внутри основного zip- файла, который имел случайную структуру папок, и любая из папок могла иметь zip-файл, присутствующий внутри нее на любом уровне.

Область действия можно определить как пространство, в котором доступны переменные и операторы. Это позволяет иметь переменные с одинаковыми именами, не сталкиваясь друг с другом, и предотвращает доступ внешних областей видимости к внутренним областям.
В Javascript у нас есть три типа области видимости: глобальная область, область функции / локальная область и область действия блока. Давайте узнаем, что это такое:

Глобальная область видимости

При работе в JavaScript иногда возникает потребность объединить два объекта, которые могут быть глубоко вложенными.

В этой статье мы увидим, как с этим справиться правильно.

В этой статье + руководстве мы рассмотрим все необходимые шаги, знания и методы, необходимые для создания анимированного переключателя. Это будет включать плавный переход от одной стороны переключателя к другому и даже обновление цвета переключателя в зависимости от положения.

Получение последнего элемента списка / массива - обычная операция. В этом руководстве мы рассмотрим, как получить последний элемент в массиве / списке JavaScript.