TypeScript, найкращі практики при написанні коду

TypeScript є популярною відкритою мовою програмування, що ідеально підходить для сучасної розробки. За рахунок своєї просунутої системи типів він дозволяє писати більш надійний код, що обслуговується і масштабується. Однак, щоб задіяти весь потенціал цієї мови та створювати високоякісні проекти, важливо розуміти кращі практики та дотримуватися їх. У цій статті ми заглибимося у світ TypeScript і вивчимо 21…

Як війни браузерів змінили Інтернет

Google Chrome впевнено домінує над рештою браузерів, займаючи понад 60% світового ринку. Але так було далеко не завжди. Більше 10 років Internet Explorer, встановлений майже кожному комп’ютері, зберігав статус найголовнішого браузера. А потім настала жорстка конкурентна боротьба, яку іноді називають «браузерними війнами». В наші дні Internet Explorer живе у нашій пам’яті переважно завдяки мемам – він програв у…

П’ять шаблонів завантаження даних для підвищення швидкодії сайтів

Фреймворки вам потрібні не для всього, але у разі їх використання є низка способів, що дозволяють досягти максимальної швидкодії. У цій статті йдеться про п’ять шаблонів завантаження даних, які при доречному застосуванні дозволять значно підвищити продуктивність додатків або сайтів. Коли справа доходить до швидкодії, обмежувати себе не варто. У мережі існують мільйони сайтів, і ви перебуваєте у…

Що таке ChatGPT чи хто такий ChatGPT?

30 листопада лабораторія штучного інтелекту OpenAI представила свій чат-бот ChatGPT, що базується на нейромережевій мовній моделі GPT-3.5. Про розробку майже відразу почали писати як про саму «людську», «навчену» та «достовірну». Оптимісти передбачають, що ChatGPT замінить людину в написанні текстів та коду, песимісти жахаються, що вона замінить людину в написанні текстів та коду. І багато хто бачать у розвитку…

React + TypeScript: необхідний мінімум

Чимало React-розробників запитують себе: чи треба мені вчити TypeScript? Ще як треба! Переваги вивчення TS можуть бути зведені до наступного: ваші шанси отримати більш високооплачувану роботу збільшаться; у вашому коді буде набагато менше багів, його буде легше читати та підтримувати; рефакторити код та оновлювати залежності стане набагато простіше. Ця стаття являє собою мінімальне введення з використання…

Як виправити проблему хука React useState, яка не встановлює початкове значення?

Хук useState дозволяє нам створювати зміни стану в наших компонентах React. Він приймає аргумент для початкового значення стану. Іноді нам може знадобитися встановити початкове значення стану з props. І ми хочемо оновити початкове значення, коли змінюється значення props. У цій статті ми розглянемо, як виправити React хук useState з встановленням початкового стану з props. Оновлення стану під…

Потужність декораторів TypeScript на живих прикладах. Декорування методів класу.

Декоратори – інструмент декларативного програмування. З їх допомогою можна легко та елегантно додати до класів та членів класу метадані. На основі цих метаданих можна розширювати або змінювати поведінки класів та членів класу, не змінюючи при цьому кодову базу, до якої застосовано декоратор. Саму технологію можна віднести до мета-програмування чи декларативного програмування. У рамках цієї статті розбирається кілька прикладів…

Що таке веб-стандарти та як працює веб-браузер?

Розповім я вам одну історію. Якось я розробляв черговий компонент з вибором дати для нашої системи проектування. Компонент складається з поля для текстового введення та спливаючого календаря, що відображається при натисканні мишею по цьому полю. Потім календар, що випливає, можна закрити, клацнувши поза ним або якщо вибрано дату. У більшості реалізацій такої логіки клацнути поза календарем застосовувалися конкретні…

Крапка з комою в JavaScript: Чи дійсно вона вам потрібна?

У JavaScript крапки з комою є необов’язковими. // Both statements work the same way console.log(“Hello”) console.log(“Hello”); Однак є ситуації, в яких пропуск крапки з комою може призвести до небажаних наслідків. Тому немає однозначної відповіді на питання, чи слід використовувати крапку з комою, чи ні. Використання крапок з комою завжди викликає суперечки у спільноті JavaScript. Існують вагомі аргументи…

React, Vue, Angular. Що краще?

Під час розвитку веб-розробки 3 JavaScript-фреймворку стали добре відомі всім front-end розробникам: React, Vue.js та Angular. React вважається бібліотекою інтерфейсу користувача, Angular – повномасштабним front-end фреймворком, що надає власні інструменти для всіх пов’язаних з розробкою веб-додатків функцій, а Vue – прогресивним фреймворком, реалізованим як додаткова розмітка для HTML. Всі три фреймворки можуть використовуватися практично взаємозамінно…