react (58)

Як керувати станом в React - useState() vs Redux

Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми. І це те, що ви будете використовувати не тільки в React.js, але й в інших популярних інструментах, таких як Angu...

Alex · 22 серпня 2023 · 118

Опануйте принципи SOLID всього за 8 хвилин!

У цьому блозі я продемонструю реалізацію принципів SOLID у застосунку React. До кінця цієї статті ви будете повністю розуміти принципи SOLID. Перш ніж ми почнемо, дозвольте мені дати вам короткий вступ до цих принципів. Що таке принципи SOLID? Принци...

Alex · 17 серпня 2023 · 373

Підводні камені React: 5 помилок з мого першого проєкту

Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...

Alex · 10 серпня 2023 · 158

Різні способи написання CSS у React

Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...

Alex · 04 серпня 2023 · 123

5 концептів які зроблять з вас кращого React розробника

Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...

Alex · 15 червня 2022 · 648

Основи Redux

Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...

Codeguida · 30 листопада 2021 · 225

Інтеграція React з різними мовами програмування

React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...

Codeguida · 20 листопада 2021 · 9

React vs. Angular 2

Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...

Codeguida · 12 листопада 2021 · 5

Як зменшити сторінку Next.js у 3,5 раза й досягти 98 балів Lighthouse

У цій статті ми розповімо про те, як розробники Papyrus.dev виправили недоліки сайту й успішно досягли оцінки швидкодії 98 балів у Lighthouse. А ще зменшили розмір JS за першого завантаження у 3,5 раза і впровадили кілька хороших практик, як-от оптим...

Codeguida · 10 вересня 2021 · 29

Міжзастосункові зв’язки зі Single-Spa та RxJS

Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко ділитися основною кодовою базою між застосунками. Р...

Codeguida · 09 вересня 2021 · 7

Інструменти Reactjs на всі випадки життя

React — чудовий, це один з найбажаніших і найпопулярніших фреймворків JavaScript (відповідно до опитування StackOverflow 2021). З React легко створити і найпростіші, і складнющі застосунки. Але існує так багато бібліотек на основі Reactjs, що знайти...

Codeguida · 06 вересня 2021 · 483

Анонсовано React 18! Поглянемо, що має змінитись

Представлений наприкінці 2020 року React 17 не приніс багато нових можливостей. Натомість в ньому було багато вдосконалень, виправлень та закладено основи для майбутніх оновлень. Все для плавного впровадження подальших змін. Саме так ми переходимо до...

Codeguida · 07 липня 2021 · 23