react
(58)
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...
Codeguida · 18 грудня 2017 · 5
Як написати свій webpack-builder
Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...
Codeguida · 18 жовтня 2017 · 14
Форми в React: використовуємо ref
React дозволяє отримати значення <form> у два способи. Перший полягає в імплементації так званих контрольованих компонентів, а другий — в застосуванні React властивості ref. Головною характеристикою контрольованих компонентів є те, що значення, яке в...
Codeguida · 13 вересня 2017 · 30
Як я повернувся і відразу пішов від JavaScript
{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...
Codeguida · 2 роки тому · 38
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...
Codeguida · 14 червня 2020 · 30
Fullstack Rails/React #1.1: Налаштовуємось
Отож, друзі, як і обіцяв, ми продовжуємо :-) Минула стаття Сьогодні ми розгорнемо Rails із master гілки, створимо наш перший api-застосунок, а також зробимо всі базові налаштування; створимо базову структуру нашого фронтенд застосунку, встановимо баз...
Codeguida · 3 роки тому · 4
Анонсовано React 18! Поглянемо, що має змінитись
Представлений наприкінці 2020 року React 17 не приніс багато нових можливостей. Натомість в ньому було багато вдосконалень, виправлень та закладено основи для майбутніх оновлень. Все для плавного впровадження подальших змін. Саме так ми переходимо до...
Codeguida · 07 липня 2021 · 26
Покращуємо компоненти багаторазового використання в React з шаблоном Overrides
Якщо останні кілька років ви спостерігали за екосистемою React, ви напевно зіткнулися з однією з численних бібліотек з відкритим сирцевим кодом для багаторазових компонентів. Вони позбавляють нас нудьги від повторного створення модальних вікон, меню...
Codeguida · 25 січня 2019 · 21
Що таке Virtual DOM?
Пригадаємо що таке DOM. Document Object Model (або Об'єктна Модель Документу) — об'єктне представлення вмісту HTML-документу та інтерфейс для управління цим об'єктом. Shadow DOM можна розглядати як «полегшену» версію DOM. HTML-елементи також представ...
Codeguida · 15 січня 2019 · 234
Тестування компонентів в React: що і як тестувати з Jest та Enzyme
У статті розглянемо: Правильний порядок тестування компонентів на основі структури проекту. Що можна не тестувати. Важливість Snapshot-тестування. Що тестувати у компоненті та в якому порядку. Детальні приклади коду. Для розуміння статті потрібні н...
Codeguida · 07 листопада 2018 · 36
Посібник по React: об'ємний путівник з вивчення React.js у 2018
Компоненти — основні будівельні блоки React. Якщо ви працювали з Angular, то мали помітити подібність компонентів до директив. Якщо у вас не було подібного досвіду, то можете вважати, що компоненти схожі на віджети або ж модулі. Ви можете думати про...
Codeguida · 6 років тому · 72
Серверний рендеринг, розділення коду і ліниве завантаження з React Router v4
Деякі відомості про серверний рендеринг в Airbnb Історично, Airbnb був Rails застосунком. Декілька років тому це почало змінюватись. Ми почали використовувати Rails тільки на рівні даних, а всю логіку візуалізації переносити в JS у формі React. Щоб п...
Codeguida · 6 років тому · 8