Использование async/await с Promise.all для параллельного выполнения асинхронных задач
#полезное
Promise.all позволяет выполнить массив промисов параллельно и дождаться их завершения.#полезное
Как мы отказались от styled-components в React Native приложениях
Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование requestAnimationFrame для анимаций с высокой производительностью
#полезное
requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера.#полезное
👍1
Билдер Vue 3 веб приложений
Vue 3 вебсайт билдер (npm пакет
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Vue 3 вебсайт билдер (npm пакет
vue-webapp) позволяет создать каркас будущего веб приложения, с возможностью выбора бизнес-шаблона (портфолио, блог, магазин и .т.д.), макета сайта, дизайна и элементов функционала (API модуль, i18n, PWA, splash screen, auth модуль, темы и т.д.), для дальнейшей кастомизации и наполнения контентом.#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с FileReader для чтения содержимого файлов на стороне клиента
#полезное
FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер.#полезное
👍6
Архитектура серверного рендеринга для SPA
Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications).
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤4
Использование MutationObserver для отслеживания изменений DOM-элементов
#полезное
MutationObserver позволяет отслеживать изменения в DOM-структуре и реагировать на них в коде.#полезное
👍2
Интересные трюки HTML. Экстремальный минимализм
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование Proxy для валидации объектов
#полезное
Proxy позволяет перехватывать и изменять операции над объектом, в данном случае используется для валидации значений.#полезное
👍5🔥3🫡1
Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование WebGL для создания интерактивных 3D-график в веб-приложениях
WebGL позволяет создавать интерактивные 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
WebGL позволяет создавать интерактивные 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
👍4
8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Destructuring для более удобной работы с объектами и массивами
JavaScript Destructuring позволяет более удобным образом извлекать значения из объектов и массивов.
#полезное
JavaScript Destructuring позволяет более удобным образом извлекать значения из объектов и массивов.
#полезное
👍7❤1
DagazBot — Хранитель ключей и мётел
История проекта Dagaz прошла у вас перед глазами. Когда я только начинал писать про Zillions, главным возражением было то, что платформа эта платная и запускается только под Windows. Появился Dagaz — полностью бесплатный проект с открытой лицензией и общедоступным исходным кодом, игры которого можно запускать из браузера, даже на мобилках. Блокирующим фактором стало отсутствие адекватных ботов. Пришлось осваивать GarboChess и разрабатывать DagazServer, на котором игроки могли бы играть по сети друг с другом. Это стало большим шагом вперёд, но на сервере требуется авторизация, а логины и пароли — это как раз то, что забывается легче всего. Счастлив сообщить, что теперь их запоминать не надо.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
История проекта Dagaz прошла у вас перед глазами. Когда я только начинал писать про Zillions, главным возражением было то, что платформа эта платная и запускается только под Windows. Появился Dagaz — полностью бесплатный проект с открытой лицензией и общедоступным исходным кодом, игры которого можно запускать из браузера, даже на мобилках. Блокирующим фактором стало отсутствие адекватных ботов. Пришлось осваивать GarboChess и разрабатывать DagazServer, на котором игроки могли бы играть по сети друг с другом. Это стало большим шагом вперёд, но на сервере требуется авторизация, а логины и пароли — это как раз то, что забывается легче всего. Счастлив сообщить, что теперь их запоминать не надо.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript async/await для управления асинхронными операциями
JavaScript async/await предоставляет удобный синтаксис для работы с асинхронными операциями, делая код более читаемым.
#полезное
JavaScript async/await предоставляет удобный синтаксис для работы с асинхронными операциями, делая код более читаемым.
#полезное
👍6
Python без типов: таким он когда-то был
О типизации в Python сказано уже очень много. Если вам выпало сомнительное удовольствие поработать со мной, то вы, вероятно, в курсе, насколько скептически я отношусь к типизации в Python. Причины тому – сложность синтаксиса, mypy еле ползает, реализация языка в принципе переусложнена, а взаимодействовать с ним зачастую неудобно. Сегодня я не буду упирать на эти детали, а хочу пригласить вас в небольшое путешествие в прошлое и рассказать, каковы были мои первые впечатления от работы с Python. Почему? Потому что я думаю, что существует фундаментальный и глубокий конфликт между формообразующей философией Python и концепцией типизации. Причём, этот конфликт не нов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
О типизации в Python сказано уже очень много. Если вам выпало сомнительное удовольствие поработать со мной, то вы, вероятно, в курсе, насколько скептически я отношусь к типизации в Python. Причины тому – сложность синтаксиса, mypy еле ползает, реализация языка в принципе переусложнена, а взаимодействовать с ним зачастую неудобно. Сегодня я не буду упирать на эти детали, а хочу пригласить вас в небольшое путешествие в прошлое и рассказать, каковы были мои первые впечатления от работы с Python. Почему? Потому что я думаю, что существует фундаментальный и глубокий конфликт между формообразующей философией Python и концепцией типизации. Причём, этот конфликт не нов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Использование JavaScript Fetch API для отправки данных на сервер
Fetch API также позволяет отправлять данные на сервер с использованием метода POST, что полезно для создания, обновления или удаления данных.
#полезное
Fetch API также позволяет отправлять данные на сервер с использованием метода POST, что полезно для создания, обновления или удаления данных.
#полезное
👍8
Typescript ENUM — баланс использования
Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍5❤3
Использование JavaScript Event Listeners для обработки событий
JavaScript Event Listeners позволяют отслеживать и реагировать на различные события, такие как клик, наведение, отправка формы и другие.
#полезное
JavaScript Event Listeners позволяют отслеживать и реагировать на различные события, такие как клик, наведение, отправка формы и другие.
#полезное
👍6
Кодогенерация и парсинг TypeScript с помощью typescript
Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1