react (58)

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

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

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

Вступ в React, якого нам не вистачало

React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикладів того, як користуватися цією бібліотекою. Але...

Alex · 15 жовтня 2020 · 2K

Чому слід використовувати TypeScript замість JavaScript у 2021 році

Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation.  В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript замість JavaScript у середніх та великих проєктах....

Alex · 2 роки тому · 657 · 1

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

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

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

Redux vs Mobx vs RxJS

Обговорюючи дата-менеджент бібліотеки веб-застосунків з React, частіше за все ми згадуємо дві назви: Redux та MobX. Можна, заради цікавості, додати сюди ще й RxJS. Я вирішив порівняти ці технології, створивши за допомогою Redux, MobX та RxJS три іден...

Codeguida · 30 квітня 2018 · 49

6 рекомендацій з розробки масштабованих React-проєктів

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

Alex · 18 вересня 2020 · 746

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

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

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

Еволюція шаблонів проектування в React

Уважніше поглянемо на деякі шаблони проектування, що виникають в екосистемі React. Ці шаблони підвищують читабельність, чистоту та полегшують повторне використання компонентів. Я почав працювати з React близько 3 років тому. У той час не було устален...

Codeguida · 18 липня 2018 · 25 · 1

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

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

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

Найкращі практики проєктів на React із Typescript

React і TypeScript — надзвичайно популярні технології серед розробників. Часто опанувати їхні особливості непросто, а правильне рішення зовсім не лежить на поверхні. Тому ми зібрали найкращі практики з прикладами, аби прояснити концепції спільної роб...

Codeguida · 13 лютого 2020 · 192

Основи Redux

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

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

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

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

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