react
(58)
Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...
Codeguida · 30 листопада 2021 · 232
Тестування компонентів в React: що і як тестувати з Jest та Enzyme
У статті розглянемо: Правильний порядок тестування компонентів на основі структури проекту. Що можна не тестувати. Важливість Snapshot-тестування. Що тестувати у компоненті та в якому порядку. Детальні приклади коду. Для розуміння статті потрібні н...
Codeguida · 07 листопада 2018 · 35
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним. З новим Hooks API та його фічами зникає потреба користуватися такими бібліотеками управління станом, як Redux чи...
Codeguida · 4 роки тому · 101
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти схожі на віджети або ж модулі. Ви можете думати про...
Codeguida · 5 років тому · 72
Повний посібник з тестування застосунків на React
Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи: тестування дає впевненість в тому, що навіть один змінений рядок коду не зламає весь застосунок; замінює ручне тестування, я...
Codeguida · 01 вересня 2020 · 70
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикладів того, як користуватися цією бібліотекою. Але...
Alex · 15 жовтня 2020 · 2K
Знайомство з React Hooks
Можливо ви бачили нову фічу React — Hooks. Але вас може цікавити як саме використовувати її. У статті ми покажемо декілька прикладів використання React Hooks. Ключовий момент тут: хуки дозволяють використовувати стан та інші фічі React без написання...
Codeguida · 26 листопада 2018 · 49
React vs. Angular 2
Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...
Codeguida · 12 листопада 2021 · 6
Найкращі практики проєктів на React із Typescript
React і TypeScript — надзвичайно популярні технології серед розробників. Часто опанувати їхні особливості непросто, а правильне рішення зовсім не лежить на поверхні. Тому ми зібрали найкращі практики з прикладами, аби прояснити концепції спільної роб...
Codeguida · 13 лютого 2020 · 192
Цікаві пропозиції ECMAScript 2017, які ще не були прийняті
Важко постійно мати оновлену інформацію щодо всіх нових пропозицій функцій. Щороку в комітет TC39, який контролює розвиток JavaScript, пропонуються десятки функцій. Оскільки багато з них ніколи не дійдуть до другої стадії, важко визначити, за якими з...
Codeguida · 07 березня 2018 · 1
Форми в React: використовуємо ref
React дозволяє отримати значення <form> у два способи. Перший полягає в імплементації так званих контрольованих компонентів, а другий — в застосуванні React властивості ref. Головною характеристикою контрольованих компонентів є те, що значення, яке в...
Codeguida · 13 вересня 2017 · 28
Як керувати станом в React - useState() vs Redux
Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми. І це те, що ви будете використовувати не тільки в React.js, але й в інших популярних інструментах, таких як Angu...
Alex · 22 серпня 2023 · 120