GyaanSetu JavaScript

Экосистема JavaScript и TypeScript.

115 articlesDeep, practical knowledge

My Backup Lost Every Photo

My Backup Lost Every Photo I built a backup button for an offline mood tracker. It exported data to a JSON file. Users could save it and move it to a new phone. It seemed perfect.…

JavaScript · 2 мин чтения

Почему ваш сайт, созданный «на вайбе», никогда не попадет в топ

Почему ваш сайт, созданный «на вайбе», никогда не попадет в топ. В прошлом месяце один основатель показал мне сайт. Он выглядел отлично: плавная анимация и хлесткие тексты. Он собрал его за один день, используя A…

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

TypeScript победил. Вот что мы получили на самом деле.

TypeScript победил. Вот что мы получили на самом деле. Никто больше не спорит об использовании TypeScript. Новые проекты используют его по умолчанию. Дебаты окончены. Настоящая ценность заключается не только в...

JavaScript · 2 мин чтения

React против Next.js: Что стоит учить?

React против Next.js: Что стоит учить? Новички часто спрашивают, что лучше изучить первым: React или Next.js. Неправильный выбор может замедлить ваш прогресс. Этот гайд поможет вам определиться, основываясь на...

JavaScript · 2 мин чтения

Собственный интернет-магазин на Firebase

Собственный интернет-магазин на Firebase. Я разработал индивидуальный интернет-магазин с нуля, не используя готовые платформы. В работе я использовал Firebase Realtime Database и Netlify. Целью было…

JavaScript · 2 мин чтения

Подписанный токен между двумя PWA: HMAC SHA256 без бэкенда

Подписанный токен между двумя PWA: HMAC SHA256 без бэкенда. Вам нужно передать идентификатор пользователя из одного PWA в другой. Оба приложения работают в разных проектах Firebase. У них нет общих данных...

JavaScript · 2 мин чтения

Создайте своего первого Discord-бота на JavaScript

Создайте своего первого Discord-бота на JavaScript. Вы хотите создать Discord-бота. Возможно, вы видели ботов, которые играют музыку или проводят опросы, и задавались вопросом, как они устроены. К концу этой серии…

JavaScript · 2 мин чтения

Почему я вернулся к JavaScript спустя 7 лет

Почему я вернулся к JavaScript спустя 7 лет. Я UI-разработчик с 7-летним опытом. Я знаю HTML и CSS. Я умею превращать дизайн из Figma в код. Но я никогда не чувствовал себя настоящим де…

JavaScript · 2 мин чтения

Вы не используете связанные списки. Но на них работает половина вашего ПО.

Вы не используете связанные списки. Но на них работает половина вашего ПО. Скорее всего, вы никогда не будете писать связанные списки в реальных JavaScript-проектах. Встроенные массивы вашего языка...

JavaScript · 2 мин чтения

TypeScript победил. И вот что мы получили.

TypeScript победил. И вот что мы получили. Споры окончены. Большинство новых фронтенд-проектов по умолчанию используют TypeScript. Люди больше не спорят о том, стоит ли его внедрять. Настоящая ц…

JavaScript · 2 мин чтения

Заменил базу данных своего приложения папкой на Google Drive

Заменил базу данных своего приложения папкой на Google Drive. Я хотел отслеживать музыкальный прогресс своей дочери. Каждую неделю она получает аудиозаписи и заметки от своего учителя. Я хотел слушать…

JavaScript · 2 мин чтения

Отладка всего этого

Отладка всего этого. Новички думают, что опытные разработчики не совершают ошибок. На самом деле всё иначе. Опытные разработчики просто быстрее находят ошибки. Я создал полнофункциональный пр…

JavaScript · 2 мин чтения

Когда React говорит о ререндере, это означает три вещи

Когда React говорит о ререндере, это означает три вещи. Когда вы вызываете setState, React не просто обновляет DOM. Он последовательно выполняет три отдельных этапа. Большинство разработчиков путают...

JavaScript · 2 мин чтения

Rust поглотил инструментарий JavaScript. Затем Cloudflare его купила.

Rust поглотил инструментарий JavaScript. Затем Cloudflare его купила. Vite изменил принцип своей работы, перейдя от двух инструментов к единому конвейеру. Раньше для разработки использовался esbuild...

JavaScript · 2 мин чтения

What Building Pagelyze Taught Me About React

What Building Pagelyze Taught Me About React Building Pagelyze changed my view on React. I stopped looking at theory and started looking at product architecture. Pagelyze is a web…

JavaScript · 2 мин чтения

Поверхностное vs Глубокое копирование в JavaScript

Поверхностное vs Глубокое копирование в JavaScript. JavaScript выполняет копирование двумя способами в зависимости от типа данных. Примитивные значения (копирование по значению). Примитивные типы включают строки, числа…

JavaScript · 2 мин чтения

100 дней, 87 инструментов, ноль серверов

100 дней, 87 инструментов, ноль серверов. Я потратил 100 дней на создание ToolKnit. Это набор из 87 браузерных инструментов. Большинство сайтов с инструментами работают так: вы загружаете файл, а сервер обрабатывает…

JavaScript · 2 мин чтения

Я провел собеседования с 5 кандидатами на техническую должность

Я провел собеседования с 5 кандидатами на техническую должность. На прошлой неделе я собеседовал пять кандидатов на роль frontend-разработчика. У них был разный опыт и разные навыки. К концу дня…

JavaScript · 2 мин чтения

Методы массивов JavaScript, часть 1

Методы массивов JavaScript, часть 1. Массив — это особый объект в JavaScript. Он позволяет хранить несколько значений в одной переменной. Вместо того чтобы создавать отдельные переменные для каждого студента: l…

JavaScript · 2 мин чтения

Фрагменты GraphQL: пусть каждый компонент сам управляет своими данными

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

JavaScript · 2 мин чтения

React vs Angular vs Vue: как выбрать подходящий

React vs Angular vs Vue: как выбрать подходящий. Выбор фронтенд-фреймворка кажется ловушкой. В каждом блоге заявляют о победителе, а раздел комментариев превращается в поле битвы. Вот в чем правда…

JavaScript · 2 мин чтения

React Context vs Zustand: что и когда использовать

React Context vs Zustand: что и когда использовать. Разработчики часто совершают одну и ту же ошибку при работе с состоянием в React. Они неправильно используют Context, а затем винят его в проблемах с производительностью. Это…

JavaScript · 2 мин чтения