Edge рантайм. Один из главных функционалов компании Vercel - компании, которая разработала и развивает next.js. Тем не менее, её влияние по edge рантайму вышло далеко за рамки её фреймворков и утилит. Edge рантайм работает и в недавно купленном Vercel Svelte, и в nuxt, и в более чем 30 других фронтенд фреймворках. Эта статья будет посвящена edge рантайму - что это, как это используется в Vercel, какими возможностями дополняет next.js и какие решения сделал я, чтобы эти возможности расширить.Ver…
Недавно команда Microsoft Edge написала статью о том, как они улучшают Edge, чтобы браузер стал быстрее. В материале Microsoft сделала выпад в сторону React и объявила, что больше не будет использовать React для Edge.React произвел революцию в создании веб-приложений, продвигая многократно используемые компоненты, оптимизируя производительность с помощью виртуального DOM, упрощая управление состоянием и рендеринг пользовательского интерфейса.Что такое React (с примером кода)React — это JavaScri…
АннотацияСтатья о том: как мне пришла в голову идея создать настольное приложение на electron и node.js для отображения картин известных художников как обои рабочего стола; с какими трудностями столкнулся; как решал процесс сборки приложения на node.js для конечного пользователя.ВведениеВ прошлом году я подписался на одно сообщество во ВК, суть его была в том, что он выкладывал каждый день посты, которые содержали 2 единственные вещи: изображение какой-либо академической картины и краткая инфор…
Все фронтендеры любят localStorage — ведь в него можно прикопать данные без всяких баз и серверов. Но из localStorage можно отлично обстрелять себе ногу — сегодня расскажу про 6 встроенных пулеметов:Коллизии ключейИзменение схемы данныхРассинхрон схемы на чтение и на записьОшибки setItemЧтение localStorage в SSRОтсутствие изоляции между пользователямиМне надоело бояться и подпирать эти проблемы в каждом проекте, и я создал библиотеку banditstash, которая нежно, но настойчиво защищает вас от эти…
В этой серии статей мы отправимся в путешествие по миру пользовательских хуков React, открывая для себя их огромный потенциал для улучшения ваших проектов. Сегодня мы сосредоточимся на хуке useRenderCount, одном из многих тщательно разработанных хуков, доступных в коллекции пользовательских хуков React. Github: https://github.com/sergeyleschev/react-custom-hooks import { useEffect, useRef } from "react" export default function useRenderCount() { const count = useRef(1) useEffect(…
Тема довольно объемная и я не претендую на полное eё раскрытие в этой статье. Если вы хотите разобраться подробней, то искренне рекомендую вам книгу: Кайл Симпсон “Область видимости и замыкания”. Я был и научен и вдохновлен этой книгой. Все ссылки на ресурсы и книгу смотрите в конце.Область видимости Область видимости в JS — это любая область в коде, которая содержит именованные сущности (переменные, классы, функции) и определяет их доступность из разных частей кода.На следующем примере есть д…
Всем привет! В этой статье я расскажу вам об изучении алгоритмов, как я пришел к Codewars, и что делал неправильно.Ремарка, codewars можно заменить на другой ресурс, но я все решаю на codewars.Начнем с небольшой вводной информации: Я - Frontend разработчик с опытом около 4 лет, и за это время алгоритмы в чистом виде мне ни разу не пригодились, ну почти, собеседования не считаем. Получается на этом можно закрыть обсуждение с заключением, что алгоритмы для frontend не нужны, а я не могу рассуждат…
Привет, Хабр! Меня зовут Георгий, я руководитель команды Ozon Банк iOS. Я занимаюсь разработкой и развитием мобильного направления финансовых продуктов Ozon.Сегодня хочу поделиться опытом нашей команды по запуску мобильного приложения на WebView. Часто разработчики используют только встроенный API взаимодействия JavaScript c нативными кодом, например Web API, но нам этого оказалось мало, и мы расширили спектр возможностей подхода web-native. Внутри статьи я расскажу, какой подход выбрал, как к…
Небольшая предысторияЯ занимаюсь разработкой роботов (как хобби) уже долгое время, и столкнулся с проблемой передачи видео через интернет со своего Raspberry PI 4 и Raspberry PI zero.Сначала идея была в реализации WebRTC на node js, про что я написал в этой статье - https://habr.com/ru/articles/749550/. Как было написано, проблема заключалась в высокой загрузке процессора. WebRTC и Ghrome.Chrome имеет высокую производительность, особенно его реализация WebRTC это что то.В какое то время мне по…