react
(58)
Ліниве завантаження зображень з React Suspense та lazy
Реалізація лінивого завантаження картинок — одна зі стандартних задач по оптимізації доставляння ресурсів. Варіантів її вирішення у звичайному JS застосунку дуже багато, на будь-який смак та вміння. Можна прочитати про них на medium, codeguida та css...
Codeguida · 26 грудня 2018 · 7
Знайомство з React Hooks
Можливо ви бачили нову фічу React — Hooks. Але вас може цікавити як саме використовувати її. У статті ми покажемо декілька прикладів використання React Hooks. Ключовий момент тут: хуки дозволяють використовувати стан та інші фічі React без написання...
Codeguida · 26 листопада 2018 · 49
Тестування компонентів в React: що і як тестувати з Jest та Enzyme
У статті розглянемо: Правильний порядок тестування компонентів на основі структури проекту. Що можна не тестувати. Важливість Snapshot-тестування. Що тестувати у компоненті та в якому порядку. Детальні приклади коду. Для розуміння статті потрібні н...
Codeguida · 07 листопада 2018 · 35
Уроки, які я засвоїв, використовуючи React-Redux
Коли я вперше почав використовувати React з Redux, я, зазвичай, застосовував великий приєднаний компонент контейнера, що встановлював необхідний стан, який наслідувався усіма дочірніми компонентами. З часом застосунок ускладнювався, а його компоненти...
Codeguida · 24 вересня 2018 · 45
Локалізація React (Mobx) застосунку за допомогою i18next
Привіт! Мене звуть Віктор, я Lead Software Engineer та Consultant у GlobalLogic. Останні вісім років я працюю з JavaScript. Сьогодні хочу поділитися з вами однією цікавою знахідкою. Про що йдеться? Нещодавно мені знадобилося додати локалізацію до мог...
Codeguida · 07 вересня 2018 · 40
Еволюція шаблонів проектування в React
Уважніше поглянемо на деякі шаблони проектування, що виникають в екосистемі React. Ці шаблони підвищують читабельність, чистоту та полегшують повторне використання компонентів. Я почав працювати з React близько 3 років тому. У той час не було устален...
Codeguida · 18 липня 2018 · 25 · 1
Огляд бібліотек для форм в React
Форми завжди були складним елементом інтерфейсу користувача. Їх потрібно валідувати, відправляти, ініціалізувати з початковими даними. Повертаючись до реалій React проектів, де панують компоненти, рендеринг, стани та Redux, і ще багато різної асинхро...
Codeguida · 5 років тому · 43
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти схожі на віджети або ж модулі. Ви можете думати про...
Codeguida · 5 років тому · 72
Серверний рендеринг, розділення коду і ліниве завантаження з React Router v4
Деякі відомості про серверний рендеринг в Airbnb Історично, Airbnb був Rails застосунком. Декілька років тому це почало змінюватись. Ми почали використовувати Rails тільки на рівні даних, а всю логіку візуалізації переносити в JS у формі React. Щоб п...
Codeguida · 5 років тому · 7
Оптимізуємо рендеринг render props в React
Поговоримо про техніку render props (і схожий з нею підхід children as a function) в React. Вона стала дуже популярною останнім часом через авторитет багатьох вельми поширених бібліотек, таких як react-router v4, formik, які якраз і базуються на цьом...
Codeguida · 6 років тому · 8
Redux vs Mobx vs RxJS
Обговорюючи дата-менеджент бібліотеки веб-застосунків з React, частіше за все ми згадуємо дві назви: Redux та MobX. Можна, заради цікавості, додати сюди ще й RxJS. Я вирішив порівняти ці технології, створивши за допомогою Redux, MobX та RxJS три іден...
Codeguida · 30 квітня 2018 · 49
Компоненти вищого порядку у Vue.js
Як описано в документації React, компонент вищого порядку (HOC) це функція, що приймає компонент в ролі аргументу й повертає наново створений компонент. Компонент, що повертається, як правило, доповнюється особливостями, наданими компонентом вищого...
Codeguida · 29 березня 2018 · 7