react
(58)
Як керувати станом в React - useState() vs Redux
Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми.
І це те, що ви будете використовувати не тільки в React.js, ал...
22 серпня 2023
·
0
· 224
·
Alex
Опануйте принципи SOLID всього за 8 хвилин!
У цьому блозі я продемонструю реалізацію принципів SOLID у застосунку React. До кінця цієї статті ви будете повністю розуміти принципи SOLID. Перш ніж ми почнемо, дозвольте мені дати вам короткий всту...
17 серпня 2023
·
2
· 905
·
Alex
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте...
10 серпня 2023
·
0
· 185
·
Alex
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль...
04 серпня 2023
·
0
· 353
·
Alex
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React.
Індивідуальні хуки (custom hooks)
Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке...
15 червня 2022
·
0
· 690
·
Alex
Основи Redux
Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозори...
30 листопада 2021
·
1
· 381
·
Codeguida
Інтеграція React з різними мовами програмування
React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript.
React реалізує лише частину архітектури MV...
20 листопада 2021
·
0
· 17
·
Codeguida
React vs. Angular 2
Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття корист...
12 листопада 2021
·
0
· 12
·
Codeguida
Як зменшити сторінку Next.js у 3,5 раза й досягти 98 балів Lighthouse
У цій статті ми розповімо про те, як розробники Papyrus.dev виправили недоліки сайту й успішно досягли оцінки швидкодії 98 балів у Lighthouse. А ще зменшили розмір JS за першого завантаження у 3,5 раз...
10 вересня 2021
·
1
· 73
·
Codeguida
Міжзастосункові зв’язки зі Single-Spa та RxJS
Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко д...
09 вересня 2021
·
1
· 8
·
Codeguida
Інструменти Reactjs на всі випадки життя
React — чудовий, це один з найбажаніших і найпопулярніших фреймворків JavaScript (відповідно до опитування StackOverflow 2021). З React легко створити і найпростіші, і складнющі застосунки.
Але існує...
06 вересня 2021
·
1
· 561
·
Codeguida
Анонсовано React 18! Поглянемо, що має змінитись
Представлений наприкінці 2020 року React 17 не приніс багато нових можливостей. Натомість в ньому було багато вдосконалень, виправлень та закладено основи для майбутніх оновлень. Все для плавного впро...
07 липня 2021
·
0
· 46
·
Codeguida
Як я повернувся і відразу пішов від JavaScript
{full-post-img}
Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи...
27 травня 2021
·
0
· 45
·
Codeguida
Основи ReactJS
React - бібліотека (не фреймворк) для UI.
Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликаю...
27 травня 2021
·
0
· 82
·
Codeguida
Чому слід використовувати TypeScript замість JavaScript у 2021 році
Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation. В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript за...
18 травня 2021
·
1
· 672
·
1
·
Alex
Rails та React: Справжнє використання (Частина 2)
У моєму попередньому пості (переклад) можете прочитати невеличке введення у React - JavaScript бібліотеку від Facebook для створення користувацьких інтерфейсів, а також про його відмінності від більш...
26 лютого 2021
·
0
· 13
·
Codeguida
Fullstack React/Rails: Знайомство
Привіт, Codeguida.
Мене звати Тері. Ще коли я був малий, мій брат вчився у школі і вони там писали програми на Pascal. Вже тоді мене це сильно зацікавило. Проте все склалось так, що я був змушений йти...
25 листопада 2020
·
0
· 5
·
Codeguida
Rails та React: Золота середина (Частина 1)
Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат аб...
15 жовтня 2020
·
0
· 9
·
Codeguida
Вступ в React, якого нам не вистачало
React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикл...
15 жовтня 2020
·
1
· 2.1K
·
Alex
6 рекомендацій з розробки масштабованих React-проєктів
На початку роботи над новим React-проєктом рекомендується сформулювати інструкції, дотримуючись яких можна буде створити застосунок який добре піддається масштабування. У цьому матеріалі я хочу поділи...
18 вересня 2020
·
1
· 790
·
Alex
Повний посібник з тестування застосунків на React
Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи:
тестування дає впевненість в тому, що навіть один змінений рядок коду не з...
01 вересня 2020
·
0
· 147
·
Codeguida
JSX в глибину
Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth».
JSX — це...
05 серпня 2020
·
0
· 90
·
Codeguida
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку
у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма
сучасними браузерами. XML лежить в основі...
14 червня 2020
·
0
· 69
·
Codeguida
Fullstack Rails/React #1.1: Налаштовуємось
Отож, друзі, як і обіцяв, ми продовжуємо :-)
Минула стаття
Сьогодні ми розгорнемо Rails із master гілки, створимо наш перший api-застосунок, а також зробимо всі базові налаштування; створимо базову ст...
27 травня 2020
·
0
· 8
·
Codeguida
