react
(58)
Хуки React Router
З п'ятою версією React Router з'являється підтримка хуків, за допомогою яких можна керувати роутингом. Цей матеріал буде корисним для тих, хто хоче швидко ознайомитись з особливостями нового React Router. Але перше ніж перейти до хуків, оглянемо нов...
Codeguida · 04 березня 2020 · 57
Як 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
JSX в глибину
Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth». JSX — це розширення синтаксису JavaScript, яке виглядає як...
Codeguida · 05 серпня 2020 · 29
Модальні компоненти в React з користувацькими хуками
Модальні вікна в React — складна тема Найкращі практики архітектурних рішень в React значно ускладнюють процес створення модальних вікон. Щоб створити хороший модальний компонент в React, нам слід: Додати його в кінець body (з причин доступності). Ц...
Codeguida · 4 роки тому · 81
Fullstack React/Rails: Знайомство
Привіт, Codeguida. Мене звати Тері. Ще коли я був малий, мій брат вчився у школі і вони там писали програми на Pascal. Вже тоді мене це сильно зацікавило. Проте все склалось так, що я був змушений йти вчитись на бухгалтера. Спочатку це було цікаво, з...
Codeguida · 25 листопада 2020 · 2
Rails та React: Золота середина (Частина 1)
Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат або в коментарі. З того часу, коли я обрав Ruby on R...
Codeguida · 15 жовтня 2020 · 3
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 4 роки тому · 10
Ліниве завантаження зображень з React Suspense та lazy
Реалізація лінивого завантаження картинок — одна зі стандартних задач по оптимізації доставляння ресурсів. Варіантів її вирішення у звичайному JS застосунку дуже багато, на будь-який смак та вміння. Можна прочитати про них на medium, codeguida та css...
Codeguida · 26 грудня 2018 · 8
Хороші та погані сторони JSX
JSX де-факто є стандартом для оголошення структури компонентів в React-додатках. Він став популярним через давно знайомий синтаксис, в даному випадку синтаксис HTML. Але не тільки через це. Я особисто почав використовувати JSX, тому що він менш багат...
Codeguida · 7 років тому · 2
React застосунок без налаштувань пакувальника за допомогою Parcel
Всі ми відчували біль, починаючи працювати з React і витрачаючи години на те, щоб налаштувати webpack, перш ніж розпочати роботу. Create React App був створений для того, щоб спростити й пришвидшити розгортання проекту. Але в ньому був суттєвий мінус...
Codeguida · 20 грудня 2017 · 8