Більше контролю над селектором: nth-child() за допомогою синтаксису S

Селектори псевдокласів :nth-child() та :nth-last-child() За допомогою селектора псевдокласу :nth-child() можна вибирати елементи в DOM за їх індексом. Використовуючи мікросинтаксис An+B, ви отримуєте тонкий контроль над тим, які елементи ви хочете вибрати. :nth-child(2): Вибере другий дочірній елемент :nth-child(2n): Вибере всі парні дочірні елементи (2-й, 4-й, 6-й, 8-й тощо). :nth-child(2n+1): Вибере всі непарні дочірні елементи (1, 3, 5, 7 і…

7 Інструментів для оптимізації та прискорення React розробки

React – це універсальна і гнучка бібліотека, яку можна використовувати для створення всього, від великих SPA до компактних модулів, що підключаються. Однак створення React проекту може виявитися непростим завданням, що потребує нескінченних доробок та різних маніпуляцій. Отже, вам потрібно буде мати у своєму наборі інструментів найкращі, щоб прискорити розробку React. У цій статті я розповім про 7…

Кращі техніки код-рев’ю

Стандарти код-рев’ю Огляд коду – один із складових процесів підтримки якості програмного забезпечення. У ході нього одна або кілька осіб вивчають та оцінюють програму в основному шляхом перегляду та читання окремих фрагментів його вихідного коду. Перевірка вихідного коду вручну або автоматично (за допомогою спеціальних інструментів огляду коду) є частиною процесу моніторингу якості програми. Це робиться для…

CSS-селектор :has() та міжрядкові інтервали у довгих текстах.

Якщо ви працювали з сайтами, що містять багато довгих текстів, особливо з сайтами на CMS, де користувачі працюють у WYSIWYG-редакторі, то ви напевно писали CSS для управління міжрядковими інтервалами між різними елементами типографіки – заголовками, параграфами, списками і т.д. Писати такі стилі напрочуд непросто. Саме тому з’явилися інструменти, подібні до плагіну Tailwind Typography і Prose від Stack…

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. Оновлення стану під…