react
(58)
Коротко про тестування проєкту на React
Уявіть ситуацію: ви працюєте над проєктом, ось закінчуєте останню фічу, і ... раптово помічаєте баги в різних частинах системи. Ви фіксите їх — з'являються нові. І гра «впіймай баг» триває, доки ви нарешті не втомитесь і не почнете шукати інший вихід...
Codeguida · 3 роки тому · 22
Що вам слід вивчити в 2017-му
Індустрія розробки програмного забезпечення впевнено рухається вперед. В 2016-му ми бачили релізи відомих мов програмування, фреймворків та інструментів, що допомагають нам в роботі. І відслідкувати за всім цим розмаїттям стає все складніше, тому ми...
Codeguida · 3 роки тому · 6
UI-фреймворки та бібліотеки JavaScript
UI-бібліотеки та фреймворки містять компоненти й утиліти, що допомагають створювати гармонійні користувацькі інтерфейси. В них можна знайти різні теми для стилізації або ж елементи для чіткої й послідовної взаємодії. Звичайно, ви можете розробити ад...
Codeguida · 10 березня 2020 · 137
Хуки React Router
З п'ятою версією React Router з'являється підтримка хуків, за допомогою яких можна керувати роутингом. Цей матеріал буде корисним для тих, хто хоче швидко ознайомитись з особливостями нового React Router. Але перше ніж перейти до хуків, оглянемо нов...
Codeguida · 04 березня 2020 · 52
Найкращі практики проєктів на React із Typescript
React і TypeScript — надзвичайно популярні технології серед розробників. Часто опанувати їхні особливості непросто, а правильне рішення зовсім не лежить на поверхні. Тому ми зібрали найкращі практики з прикладами, аби прояснити концепції спільної роб...
Codeguida · 13 лютого 2020 · 192
Оптимізуємо продуктивність React-застосунків
Ви витратили місяці або навіть роки, створюючи застосунок для вашої організації. Все чудово, виснажливий процес тестування позаду, до того ж ви отримали хорошу оцінку на етапі бета-тестування. Настав той самий день запуску застосунку, коли ви запитує...
Codeguida · 02 серпня 2019 · 10
Модальні компоненти в React з користувацькими хуками
Модальні вікна в React — складна тема Найкращі практики архітектурних рішень в React значно ускладнюють процес створення модальних вікон. Щоб створити хороший модальний компонент в React, нам слід: Додати його в кінець body (з причин доступності). Ц...
Codeguida · 4 роки тому · 78
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним. З новим Hooks API та його фічами зникає потреба користуватися такими бібліотеками управління станом, як Redux чи...
Codeguida · 4 роки тому · 101
Фрагменти в React на практиці
При роботі з React час від часу потрібно передавати групи елементів. Раніше для цього ви були змушені додавати непотрібні контейнерні компоненти чи масиви. З появою Фрагментів в React все змінилося: ми отримали просте рішення для групування елементів...
Codeguida · 14 лютого 2019 · 10
Покращуємо компоненти багаторазового використання в React з шаблоном Overrides
Якщо останні кілька років ви спостерігали за екосистемою React, ви напевно зіткнулися з однією з численних бібліотек з відкритим сирцевим кодом для багаторазових компонентів. Вони позбавляють нас нудьги від повторного створення модальних вікон, меню...
Codeguida · 25 січня 2019 · 20
Що таке Virtual DOM?
Пригадаємо що таке DOM. Document Object Model (або Об'єктна Модель Документу) — об'єктне представлення вмісту HTML-документу та інтерфейс для управління цим об'єктом. Shadow DOM можна розглядати як «полегшену» версію DOM. HTML-елементи також представ...
Codeguida · 15 січня 2019 · 220