react
(58)
Серверний рендеринг, розділення коду і ліниве завантаження з React Router v4
Деякі відомості про серверний рендеринг в Airbnb Історично, Airbnb був Rails застосунком. Декілька років тому це почало змінюватись. Ми почали використовувати Rails тільки на рівні даних, а всю логіку візуалізації переносити в JS у формі React. Щоб п...
Codeguida · 6 років тому · 8
Що таке Virtual DOM?
Пригадаємо що таке DOM. Document Object Model (або Об'єктна Модель Документу) — об'єктне представлення вмісту HTML-документу та інтерфейс для управління цим об'єктом. Shadow DOM можна розглядати як «полегшену» версію DOM. HTML-елементи також представ...
Codeguida · 15 січня 2019 · 234
Міжзастосункові зв’язки зі Single-Spa та RxJS
Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко ділитися основною кодовою базою між застосунками. Р...
Codeguida · 09 вересня 2021 · 7
Огляд бібліотек для форм в React
Форми завжди були складним елементом інтерфейсу користувача. Їх потрібно валідувати, відправляти, ініціалізувати з початковими даними. Повертаючись до реалій React проектів, де панують компоненти, рендеринг, стани та Redux, і ще багато різної асинхро...
Codeguida · 5 років тому · 48
Уроки, які я засвоїв, використовуючи React-Redux
Коли я вперше почав використовувати React з Redux, я, зазвичай, застосовував великий приєднаний компонент контейнера, що встановлював необхідний стан, який наслідувався усіма дочірніми компонентами. З часом застосунок ускладнювався, а його компоненти...
Codeguida · 24 вересня 2018 · 45
Локалізація React (Mobx) застосунку за допомогою i18next
Привіт! Мене звуть Віктор, я Lead Software Engineer та Consultant у GlobalLogic. Останні вісім років я працюю з JavaScript. Сьогодні хочу поділитися з вами однією цікавою знахідкою. Про що йдеться? Нещодавно мені знадобилося додати локалізацію до мог...
Codeguida · 07 вересня 2018 · 43
Покращуємо компоненти багаторазового використання в React з шаблоном Overrides
Якщо останні кілька років ви спостерігали за екосистемою React, ви напевно зіткнулися з однією з численних бібліотек з відкритим сирцевим кодом для багаторазових компонентів. Вони позбавляють нас нудьги від повторного створення модальних вікон, меню...
Codeguida · 25 січня 2019 · 21
Основи ReactJS
React - бібліотека (не фреймворк) для UI. Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликають проблеми. Тут ми розкажемо детально про деякі к...
Codeguida · 2 роки тому · 45
Еволюція шаблонів проектування в React
Уважніше поглянемо на деякі шаблони проектування, що виникають в екосистемі React. Ці шаблони підвищують читабельність, чистоту та полегшують повторне використання компонентів. Я почав працювати з React близько 3 років тому. У той час не було устален...
Codeguida · 18 липня 2018 · 27 · 1
6 рекомендацій з розробки масштабованих React-проєктів
На початку роботи над новим React-проєктом рекомендується сформулювати інструкції, дотримуючись яких можна буде створити застосунок який добре піддається масштабування. У цьому матеріалі я хочу поділитися знаннями про React-розробці, накопиченими за...
Alex · 18 вересня 2020 · 751
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...
Codeguida · 20 листопада 2021 · 11
Як зменшити сторінку Next.js у 3,5 раза й досягти 98 балів Lighthouse
У цій статті ми розповімо про те, як розробники Papyrus.dev виправили недоліки сайту й успішно досягли оцінки швидкодії 98 балів у Lighthouse. А ще зменшили розмір JS за першого завантаження у 3,5 раза і впровадили кілька хороших практик, як-от оптим...
Codeguida · 10 вересня 2021 · 34