Мій бекап втратив усі фото
Мій бекап втратив усі фото. Я створив кнопку резервного копіювання для офлайн-трекера настрою. Він експортував дані у JSON-файл. Користувачі могли зберегти його та перенести на новий телефон. Це здавалося ідеальним.…
GyaanSetu JavaScript
Екосистема JavaScript та TypeScript.
Why Your Vibe Coded Website Will Never Rank
Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…
TypeScript переміг. Ось що ми насправді отримали.
TypeScript переміг. Ось що ми насправді отримали. Ніхто більше не сперечається щодо використання TypeScript. Нові проєкти використовують його за замовчуванням. Суперечки закінчилися. Справжня цінність полягає не лише в...
React чи Next.js: що варто вивчати?
React чи Next.js: що варто вивчати? Початківці часто запитують, що краще вивчати першим: React чи Next.js. Неправильний вибір може сповільнити ваш прогрес. Цей посібник допоможе вам визначитися на основі…
Кастомний інтернет-магазин на Firebase
Кастомний інтернет-магазин на Firebase. Я створив власний сайт інтернет-магазину з нуля. Я не використовував готові платформи. Я використовував Firebase Realtime Database та Netlify. Метою було…
Підписаний токен між двома PWA: HMAC SHA256 без бекенду
Підписаний токен між двома PWA: HMAC SHA256 без бекенду. Вам потрібно передати ідентичність користувача з одного PWA в інше. Обидва додатки працюють на різних проєктах Firebase. Вони не мають спільної бази даних…
Створіть свого першого Discord-бота за допомогою JavaScript
Створіть свого першого Discord-бота за допомогою JavaScript. Ви хочете створити Discord-бота. Можливо, ви бачили, як боти програють музику або проводять опитування, і вам цікаво, як вони працюють. До кінця цієї серії…
Чому я повернувся до JavaScript через 7 років
Чому я повернувся до JavaScript через 7 років. Я UI-розробник із 7-річним досвідом. Я знаю HTML та CSS. Я можу перетворювати дизайни Figma на код. Але я ніколи не почувався справжнім де…
Ви не використовуєте зв'язані списки. Але вони забезпечують роботу половини вашого програмного забезпечення.
Ви не використовуєте зв'язані списки. Але вони забезпечують роботу половини вашого програмного забезпечення. Ви, ймовірно, ніколи не будете писати зв'язаний список у реальному JavaScript-проєкті. Вбудовані масиви вашої мови...
TypeScript переміг. Ось що це нам дало.
TypeScript переміг. Ось що це нам дало. Суперечки закінчилися. Більшість нових фронтенд-проєктів використовують TypeScript за замовчуванням. Люди більше не сперечаються про те, чи варто його впроваджувати. Справжня в…
Замінив базу даних свого додатка папкою на Google Drive
Замінив базу даних свого додатка папкою на Google Drive. Я хотів відстежувати музичний прогрес своєї доньки. Щотижня вона отримує аудіозаписи та нотатки від свого вчителя. Я хотів слухати…
Відлагодження всього цього
Відлагодження всього цього. Новачки думають, що досвідчені розробники не припускаються помилок. Насправді все інакше. Досвідчені розробники просто швидше знаходять помилки. Я створив full-stack пр…
Коли React каже про ререндер, це означає три речі
Коли React каже про ререндер, це означає три речі. Коли ви викликаєте setState, React не просто оновлює DOM. Він виконує три окремі фази послідовно. Більшість розробників плутають...
Rust поглинув інструментарій JavaScript. Потім Cloudflare його купила.
Rust поглинув інструментарій JavaScript. Потім Cloudflare його купила. Vite змінив принцип своєї роботи. Він перейшов від двох інструментів до єдиного конвеєра. Старий підхід використовував esbuild для розробки...
Чого мене навчило створення Pagelyze щодо React
Чого мене навчило створення Pagelyze щодо React. Створення Pagelyze змінило мій погляд на React. Я перестав зосереджуватися на теорії та почав звертати увагу на архітектуру продукту. Pagelyze — це веб…
Поверхневе копіювання проти глибокого копіювання в JavaScript
Поверхневе копіювання проти глибокого копіювання в JavaScript. JavaScript обробляє копіювання двома способами залежно від типу даних. Примітивні значення (копіювання за значенням). Примітивні типи включають рядки, числа…
100 днів, 87 інструментів, жодного сервера
100 днів, 87 інструментів, жодного сервера. Я витратив 100 днів на створення ToolKnit. Це набір із 87 інструментів, що працюють у браузері. Більшість сайтів із інструментами працюють так: ви завантажуєте файл, а сервер обробляє…
Я провів співбесіди з 5 кандидатами на технічну посаду
Я провів співбесіди з 5 кандидатами на технічну посаду. Минулого тижня я провів співбесіди з п'ятьма кандидатами на роль frontend-розробника. У них був різний досвід та різні навички. До кінця дня…
React Lost Its Mass and Vercel Is Wearing Its Skin
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
Методи масивів JavaScript, Частина 1
Методи масивів JavaScript, Частина 1. Масив — це спеціальний об'єкт у JavaScript. Він зберігає кілька значень в одній змінній. Замість того, щоб створювати окремі змінні для кожного студента: л…
25 помилок JSON, яких припускається кожен розробник
25 помилок JSON, яких припускається кожен розробник. JSON — це основа веб-комунікації. Він легкий і зручний для читання. Однак його правила суворі. Невеликі помилки ламають ваш код.…
GraphQL Fragments: Let Each Component Own Its Data
GraphQL Fragments: Let Each Component Own Its Data GraphQL queries look clean at first. One request gets all your data. Then your app grows. Your page query starts collecting fiel…
React vs Angular vs Vue: How to Pick One
React vs Angular vs Vue: How to Pick One Choosing a frontend framework feels like a trap. Every blog post claims a winner. The comments section turns into a war. Here is the truth…
React Context vs Zustand: що і коли використовувати
React Context vs Zustand: що і коли використовувати. Розробники часто припускаються однієї помилки при роботі зі станом React. Вони неправильно використовують Context, а потім звинувачують його у проблемах із продуктивністю. ...