react
(58)
Як керувати станом в React - useState() vs Redux
Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми. І це те, що ви будете використовувати не тільки в React.js, але й в інших популярних інструментах, таких як Angu...
Alex · 22 серпня 2023 · 121
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним. З новим Hooks API та його фічами зникає потреба користуватися такими бібліотеками управління станом, як Redux чи...
Codeguida · 5 років тому · 106
Модальні компоненти в React з користувацькими хуками
Модальні вікна в React — складна тема Найкращі практики архітектурних рішень в React значно ускладнюють процес створення модальних вікон. Щоб створити хороший модальний компонент в React, нам слід: Додати його в кінець body (з причин доступності). Ц...
Codeguida · 4 роки тому · 80
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти схожі на віджети або ж модулі. Ви можете думати про...
Codeguida · 6 років тому · 72
Повний посібник з тестування застосунків на React
Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи: тестування дає впевненість в тому, що навіть один змінений рядок коду не зламає весь застосунок; замінює ручне тестування, я...
Codeguida · 01 вересня 2020 · 71
Хуки React Router
З п'ятою версією React Router з'являється підтримка хуків, за допомогою яких можна керувати роутингом. Цей матеріал буде корисним для тих, хто хоче швидко ознайомитись з особливостями нового React Router. Але перше ніж перейти до хуків, оглянемо нов...
Codeguida · 04 березня 2020 · 57
Знайомство з React Hooks
Можливо ви бачили нову фічу React — Hooks. Але вас може цікавити як саме використовувати її. У статті ми покажемо декілька прикладів використання React Hooks. Ключовий момент тут: хуки дозволяють використовувати стан та інші фічі React без написання...
Codeguida · 26 листопада 2018 · 52
Redux vs Mobx vs RxJS
Обговорюючи дата-менеджент бібліотеки веб-застосунків з React, частіше за все ми згадуємо дві назви: Redux та MobX. Можна, заради цікавості, додати сюди ще й RxJS. Я вирішив порівняти ці технології, створивши за допомогою Redux, MobX та RxJS три іден...
Codeguida · 30 квітня 2018 · 50
Огляд бібліотек для форм в React
Форми завжди були складним елементом інтерфейсу користувача. Їх потрібно валідувати, відправляти, ініціалізувати з початковими даними. Повертаючись до реалій React проектів, де панують компоненти, рендеринг, стани та Redux, і ще багато різної асинхро...
Codeguida · 5 років тому · 48
Основи ReactJS
React - бібліотека (не фреймворк) для UI. Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликають проблеми. Тут ми розкажемо детально про деякі к...
Codeguida · 2 роки тому · 45
Уроки, які я засвоїв, використовуючи React-Redux
Коли я вперше почав використовувати React з Redux, я, зазвичай, застосовував великий приєднаний компонент контейнера, що встановлював необхідний стан, який наслідувався усіма дочірніми компонентами. З часом застосунок ускладнювався, а його компоненти...
Codeguida · 24 вересня 2018 · 45
Локалізація React (Mobx) застосунку за допомогою i18next
Привіт! Мене звуть Віктор, я Lead Software Engineer та Consultant у GlobalLogic. Останні вісім років я працюю з JavaScript. Сьогодні хочу поділитися з вами однією цікавою знахідкою. Про що йдеться? Нещодавно мені знадобилося додати локалізацію до мог...
Codeguida · 07 вересня 2018 · 43