react
(58)
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...
Alex · 04 серпня 2023 · 125
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...
Alex · 10 серпня 2023 · 162
UI-фреймворки та бібліотеки JavaScript
UI-бібліотеки та фреймворки містять компоненти й утиліти, що допомагають створювати гармонійні користувацькі інтерфейси. В них можна знайти різні теми для стилізації або ж елементи для чіткої й послідовної взаємодії. Звичайно, ви можете розробити ад...
Codeguida · 10 березня 2020 · 148
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Модальні компоненти в React з користувацькими хуками
Модальні вікна в React — складна тема Найкращі практики архітектурних рішень в React значно ускладнюють процес створення модальних вікон. Щоб створити хороший модальний компонент в React, нам слід: Додати його в кінець body (з причин доступності). Ц...
Codeguida · 4 роки тому · 81
Глибоке занурення у React Hooks з useContext та useReducer
У статті розберемося, як useContext та useReducer допомагають зробити застосунки на React і управління їхнім станом чистим та ефективним. З новим Hooks API та його фічами зникає потреба користуватися такими бібліотеками управління станом, як Redux чи...
Codeguida · 5 років тому · 106
Фрагменти в React на практиці
При роботі з React час від часу потрібно передавати групи елементів. Раніше для цього ви були змушені додавати непотрібні контейнерні компоненти чи масиви. З появою Фрагментів в React все змінилося: ми отримали просте рішення для групування елементів...
Codeguida · 14 лютого 2019 · 12
Знайомство з React Hooks
Можливо ви бачили нову фічу React — Hooks. Але вас може цікавити як саме використовувати її. У статті ми покажемо декілька прикладів використання React Hooks. Ключовий момент тут: хуки дозволяють використовувати стан та інші фічі React без написання...
Codeguida · 26 листопада 2018 · 52
Огляд бібліотек для форм в React
Форми завжди були складним елементом інтерфейсу користувача. Їх потрібно валідувати, відправляти, ініціалізувати з початковими даними. Повертаючись до реалій React проектів, де панують компоненти, рендеринг, стани та Redux, і ще багато різної асинхро...
Codeguida · 5 років тому · 48
Компоненти вищого порядку у Vue.js
Як описано в документації React, компонент вищого порядку (HOC) це функція, що приймає компонент в ролі аргументу й повертає наново створений компонент. Компонент, що повертається, як правило, доповнюється особливостями, наданими компонентом вищого...
Codeguida · 29 березня 2018 · 7
Як react.fragment допомагає писати семантичний HTML?
import React, { Fragment } from "react" const Headings = props => { return ( <Fragment> <h1>{props.title}</h1> <p>{props.subtitle}</p> </Fragment> ) } HTML це основа вебу, тому написаний вами код має буди семантичним. Якщо ви пишете сем...
Codeguida · 02 лютого 2018 · 3
Результати щорічного опитування State of JavaScript
Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...
Codeguida · 15 січня 2018 · 5