javascript
(278)
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 5 років тому · 25
Перетасовуємо колоду карт з Vue.js
Передмова У статті створимо UI, що дозволяє перетасовувати карти у випадковому порядку. Повна версія застосунку: Контекст Оскільки стаття розрахована на розробників, які не знайомі з Vue, ми детально оглянемо такі пункти: Створення елементів карт....
Codeguida · 24 вересня 2018 · 6
7 порад щодо керування undefined у JavaScript
Коли я почав вивчати JavaScript вісім років тому, для мене було дивним існування undefined та null. Яка ж між ними різниця? Вони обидва дорівнюють порожнім значенням і, крім того, порівняння null == undefined має значення true. Більшість сучасних мов...
Codeguida · 12 липня 2017 · 57
Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...
Codeguida · 30 листопада 2021 · 229
Огляд тестування JavaScript у 2019
Цей матеріал допоможе вам побачити повну картину тестування JavaScript у веб-спільноті станом на 2019. Останнім часом приємно спостерігати за еволюцією тестування веб-сайтів. Лише декілька років тому воно було повільним, дорогим, важким для реалізаці...
Codeguida · 5 років тому · 29
Створюємо простий Virtual DOM з нуля
Повний код можна переглянути за посиланням, а результат його роботи тут. Примітка Якщо змінна починається з символу $, вона стосується звичайного DOM (наприклад, $div, $el, $app); Якщо змінна починається на v, маємо справу з Virtual DOM (наприклад,...
Codeguida · 21 січня 2019 · 15
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним. З новим Hooks API та його фічами зникає потреба користуватися такими бібліотеками управління станом, як Redux чи...
Codeguida · 15 травня 2019 · 101
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти схожі на віджети або ж модулі. Ви можете думати про...
Codeguida · 16 травня 2018 · 72
Повний посібник з тестування застосунків на React
Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи: тестування дає впевненість в тому, що навіть один змінений рядок коду не зламає весь застосунок; замінює ручне тестування, я...
Codeguida · 01 вересня 2020 · 70
Посібник зі Svelte
Якщо ви досі не працювали зі Svetle, то це чудова можливість почати. Матеріал призначений для розробників, які раніше працювали з фреймворком на зразок Vue чи React і шукають новий підхід. Svelte вартий уваги, тому що він відрізняється від інших фр...
Codeguida · 19 листопада 2019 · 16
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикладів того, як користуватися цією бібліотекою. Але...
Alex · 15 жовтня 2020 · 2K
Інклюзивні компоненти: картки
Деякі з компонентів, які розглядаються в блозі Хейдона Пікерінґа, мають задокументовані рекомендації для коректної роботи. Наприклад, стандарт WAI-ARIA передбачає певну структуру і поведінку для вкладок. Наскільки точно слідувати цим рекомендаціям —...
Codeguida · 26 лютого 2020 · 45