GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

Несколько лет назад я решил создать дашборд. Ничего особенного — просто фиксированная боковая панель, основная область контента и футер.

Несколько лет назад я решил создать дашборд. Ничего особенного — просто фиксированная боковая панель, основная область контента и футер. Flexbox казался очевидным выбором, и поначалу он вел…

WebDev · 4 мин чтения

Все начиналось с желания построить музей, а закончилось управлением фермой калькуляторов. Это краткая версия того, что произошло.

Все начиналось с желания построить музей, а закончилось управлением фермой калькуляторов. Это краткая версия того, что случилось с создателем realworth.io. Проект начался с…

WebDev · 4 мин чтения

Каждый React-разработчик рано или поздно сталкивается с одной и той же проблемой. Вы получаете объект пользователя внутри корневого компонента. Затем

Каждый React-разработчик рано или поздно сталкивается с одной и той же проблемой. Вы получаете объект пользователя внутри корневого компонента. Затем передаете его вниз. И снова вниз. Через обертку маршрута,…

WebDev · 6 мин чтения

Когда вы ведете автоброкерский бизнес в Азербайджане и импортируете битые автомобили из США, ваше программное обеспечение

Когда вы ведете автоброкерский бизнес в Азербайджане и импортируете битые автомобили из США, ваши проблемы с программным обеспечением выглядят иначе, чем у звезд Кремниевой долины…

WebDev · 5 мин чтения

Современная фронтенд-разработка совсем не похожа на то, что было десять лет назад. Вы больше не просто пишете HTML и CSS. Типичный про...

Современная фронтенд-разработка совсем не похожа на то, что было десять лет назад. Вы больше не просто пишете HTML и CSS. Типичный проект теперь поставляется со специфической средой выполнения Node.js, зафиксированным па…

WebDev · 3 мин чтения

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

Совместная работа в режиме реального времени кажется легкой, пока не заглянешь за кулисы. Один человек печатает. Другой удаляет строку тремя абзацами выше. Третий вставляет фрагмент кода со Stack Overflo…

WebDev · 6 мин чтения

SEO не обязательно должно бить по карману. Премиальные платформы, такие как Ahrefs и SEMrush, стоят сотни долларов в месяц

SEO не обязательно должно бить по карману. Премиальные платформы, такие как Ahrefs и SEMrush, стоят сотни долларов в месяц, и на то есть веские причины — они собирают огромные массивы данных и…

WebDev · 5 мин чтения

Переход с JavaScript на Python напоминает переезд в город с теми же дорожными знаками, но другими правилами дорожного движения. Т

Переход с JavaScript на Python напоминает переезд в город с теми же дорожными знаками, но другими правилами дорожного движения. Синтаксис кажется дружелюбным и знакомым. Вы видите и сидите...

WebDev · 6 мин чтения

Вы закончили работу. Срок сдачи поджимает. Но одна навязчивая мысль не дает покоя: не украл ли я случайно что-то

Вы закончили работу. Срок сдачи поджимает. Но одна навязчивая мысль не дает покоя: не украл ли я случайно что-то? Каждому студенту знакомо это чувство. Вы прочитываете десятки...

WebDev · 5 мин чтения

Если вы когда-либо публиковали пост и видели пометку «57 лет назад» на сайте, в то время как ваша панель управления спокойно

Если вы когда-либо публиковали пост и видели пометку «57 лет назад» на сайте, в то время как панель управления спокойно утверждала, что он был опубликован десять минут назад, то вы знаете...

WebDev · 6 мин чтения

Вы создаете тип, который обходит вложенные объекты, формируя пути через точку для автодополнения. Он работает великолепно

Вы создаете тип, который обходит вложенные объекты, формируя пути через точку для автодополнения. Он великолепно работает на небольшом тестовом объекте. Но затем вы направляете его на реальный API pay…

WebDev · 5 мин чтения

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

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

WebDev · 3 мин чтения

Каждой программе необходимо реагировать. Пользователь нажимает кнопку. API возвращает данные. Поле формы очищается. Без возможности ветв...

Каждой программе необходимо реагировать. Пользователь нажимает кнопку. API возвращает данные. Поле формы очищается. Без возможности ветвления ваш код выполнялся бы строка за строкой, независимо от того, что...

WebDev · 4 мин чтения

Если вы хоть немного работали с React, то наверняка видели желтое предупреждение в консоли: «Каждый дочерний элемент в списке должен иметь

Если вы хоть немного работали с React, то наверняка видели желтое предупреждение в консоли: «Каждый дочерний элемент в списке должен иметь уникальный проп 'key'». Это звучит как вежливая рекомендация...

WebDev · 6 мин чтения

Загрузка двухгигабайтного видео через Wi-Fi в кофейне — это проверка на оптимизм. Вы наблюдаете, как полоса загрузки медленно ползет к

Загрузка двухгигабайтного видео через Wi-Fi в кофейне — это проверка на оптимизм. Вы наблюдаете, как полоса загрузки медленно ползет к семидесяти процентам, и вдруг соединение прерывается. Загруз...

WebDev · 3 мин чтения

The Benchmark Trap

The Benchmark Trap Benchmark posters never show you the full picture. They measure a handler that does almost nothing. A JSON Hello World. A static string. In that vacuum, Fiber w…

WebDev · 3 мин чтения

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

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

WebDev · 4 мин чтения

Вы открываете новый документ. Печатаете «Глава первая». Затем двадцать минут смотрите в экран. У вас есть зацепка. Вы

Вы открываете новый документ. Печатаете «Глава первая». Затем двадцать минут смотрите в экран. У вас есть зацепка. У вас есть искра. Но у вас нет плана. Этот пустой экран — это…

WebDev · 5 мин чтения

Если вы когда-либо отправляли двухстрочное исправление ошибки в TypeScript-монорепозиторий и наблюдали, как ваш пайплайн сборки пожирает десять мин

Если вы когда-либо отправляли двухстрочное исправление ошибки в TypeScript-монорепозиторий и наблюдали, как ваш пайплайн сборки пожирает десять минут на проверку типов, вы уже понимаете суть проблемы. Т…

WebDev · 3 мин чтения