react
(58)
Фрагменти в React на практиці
При роботі з React час від часу потрібно передавати групи елементів. Раніше для цього ви були змушені додавати непотрібні контейнерні компоненти чи масиви. З появою Фрагментів в React все змінилося: ми отримали просте рішення для групування елементів...
Codeguida · 14 лютого 2019 · 12
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 11
Оптимізуємо продуктивність React-застосунків
Ви витратили місяці або навіть роки, створюючи застосунок для вашої організації. Все чудово, виснажливий процес тестування позаду, до того ж ви отримали хорошу оцінку на етапі бета-тестування. Настав той самий день запуску застосунку, коли ви запитує...
Codeguida · 02 серпня 2019 · 11
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Серверний рендеринг, розділення коду і ліниве завантаження з React Router v4
Деякі відомості про серверний рендеринг в Airbnb Історично, Airbnb був Rails застосунком. Декілька років тому це почало змінюватись. Ми почали використовувати Rails тільки на рівні даних, а всю логіку візуалізації переносити в JS у формі React. Щоб п...
Codeguida · 6 років тому · 8
React застосунок без налаштувань пакувальника за допомогою Parcel
Всі ми відчували біль, починаючи працювати з React і витрачаючи години на те, щоб налаштувати webpack, перш ніж розпочати роботу. Create React App був створений для того, щоб спростити й пришвидшити розгортання проекту. Але в ньому був суттєвий мінус...
Codeguida · 20 грудня 2017 · 8
Ліниве завантаження зображень з React Suspense та lazy
Реалізація лінивого завантаження картинок — одна зі стандартних задач по оптимізації доставляння ресурсів. Варіантів її вирішення у звичайному JS застосунку дуже багато, на будь-який смак та вміння. Можна прочитати про них на medium, codeguida та css...
Codeguida · 26 грудня 2018 · 8
Оптимізуємо рендеринг render props в React
Поговоримо про техніку render props (і схожий з нею підхід children as a function) в React. Вона стала дуже популярною останнім часом через авторитет багатьох вельми поширених бібліотек, таких як react-router v4, formik, які якраз і базуються на цьом...
Codeguida · 6 років тому · 8
Міжзастосункові зв’язки зі Single-Spa та RxJS
Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко ділитися основною кодовою базою між застосунками. Р...
Codeguida · 09 вересня 2021 · 7
Компоненти вищого порядку у Vue.js
Як описано в документації React, компонент вищого порядку (HOC) це функція, що приймає компонент в ролі аргументу й повертає наново створений компонент. Компонент, що повертається, як правило, доповнюється особливостями, наданими компонентом вищого...
Codeguida · 29 березня 2018 · 7
React vs. Angular 2
Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...
Codeguida · 12 листопада 2021 · 6
Що вам слід вивчити в 2017-му
Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати за всім цим розмаїттям стає все складніше, тому ми...
Codeguida · 3 роки тому · 6