Ускорить таблицу на React в 1 000 раз

Сначала я использовал Chrome-профайлер JavaScript, но с ним сложно работать на низкой производительности. Профайлер накладывает на код заметную нагрузку. Исполнение кода уже занимало 30–40 секунд, поэтому профайлер не годился. Оценить производительность при анализе кода React — вообще сложно: некоторые части внутреннего кода используются слишком часто, поэтому результаты трудно расшифровать.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

parseFloat()

Преобразует строку в число с плавающей запятой.

#функции

Внедрение зависимостей в ES6+

В этой статье я хочу на примерах разобрать эту фичу — в том виде, в котором она сейчас доступна в TypeScript 5.2.0-beta с полифиллом disposablestack. Я рассмотрю синхронные и асинхронные ресурсы, DisposableStack/AsyncDisposableStack, а также приведу пример неочевидного бага, в который попался я сам. По пути я также коснусь нескольких других нововведений Node.js, про которые, возможно, ещё знают не все. Весь код доступен в репозитории.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Math.max()

Возвращает наибольшее из переданных чисел.

#функции

Вывод типов в TypeScript

Решим реальную практическую задачу, с которой мне пришлось столкнуться на моем проекте React/TypeScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Math.min()

Возвращает наименьшее из переданных чисел.

#функции

Интересные трюки JS

Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Math.floor()

Округляет число вниз до ближайшего целого числа.

#функции

Как работает JavaScript Proxy

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Math.ceil()

Округляет число вверх до ближайшего целого числа.

#функции

TypeScript 5.2

В TypeScript 5.2 появится новое ключевое слово 'using', которое можно будет использовать для утилизации чего-либо с помощью функции Symbol.dispose, когда оно покидает область видимости.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Math.random()

Возвращает псевдослучайное число от 0 до 1.

#функции

Web API для Angular

Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Date.now()

Возвращает текущую дату и время в виде метки времени.

#функции

Под капотом анимаций в React Native

В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

setTimeout()

Выполняет функцию один раз после указанной задержки.

#функции

Как работает Zustand

Zustand (читается как "цуштанд", что переводится с немецкого как "состояние") — это, на мой взгляд, один из лучших на сегодняшний день инструментов для управления состоянием приложений, написанных на React.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

setInterval()

Выполняет функцию периодически с заданным интервалом времени.

#функции

Считаем 2+2×2

Статья-туториал для тех, кто хочет узнать, как из заголовка получается «6» методом рекурсивного спуска. Начнём с самого простого и дойдём до вычисления -1.82 или около того из строки -2.1+ .355 / (cos(pi % 3) + sin(0.311)).

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JSON.stringify()

Преобразует объект или массив в формат JSON.

#функции