react (58)

Як керувати станом в React - useState() vs Redux

Управління станами відіграє вирішальну роль у роботі з даними програми, взаємодії користувачів з нею та поведінці різних частин програми. І це те, що ви будете використовувати не тільки в React.js, але й в інших популярних інструментах, таких як Angu...

Alex · 22 серпня 2023 · 130

Опануйте принципи SOLID всього за 8 хвилин!

У цьому блозі я продемонструю реалізацію принципів SOLID у застосунку React. До кінця цієї статті ви будете повністю розуміти принципи SOLID. Перш ніж ми почнемо, дозвольте мені дати вам короткий вступ до цих принципів. Що таке принципи SOLID? Принци...

Alex · 17 серпня 2023 · 728

Підводні камені React: 5 помилок з мого першого проєкту

Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...

Alex · 10 серпня 2023 · 165

Різні способи написання CSS у React

Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...

Alex · 04 серпня 2023 · 159

5 концептів які зроблять з вас кращого React розробника

Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...

Alex · 15 червня 2022 · 661

Основи Redux

Так як веб-додатки стають все більш складними, виникає необхідність оновлення та відображення їх основних даних. Є багато підходів управління цими даними. Проте розробники досі залишаються з непрозорим кодом, який практично неможливо змінити. Ще гірш...

Codeguida · 30 листопада 2021 · 271

Інтеграція React з різними мовами програмування

React – JS-бібліотека, що реалізує створення компонентів в frontend-додатках. Вона може бути інтегрована в любий додаток, що використовує HTML та JavaScript. React реалізує лише частину архітектури MVC (Model-View-Controller), а саме "View", що дозво...

Codeguida · 20 листопада 2021 · 12

React vs. Angular 2

Це стаття-огляд двох популярних інструментів для front-end веб-розробки – React і Angular 2. Фреймоворки будуть оцінюватися на основі їх підходів до побудови структури додатків, рівня прийняття користувачами, продуктивності та можливості інтеграції з...

Codeguida · 12 листопада 2021 · 7

Як зменшити сторінку Next.js у 3,5 раза й досягти 98 балів Lighthouse

У цій статті ми розповімо про те, як розробники Papyrus.dev виправили недоліки сайту й успішно досягли оцінки швидкодії 98 балів у Lighthouse. А ще зменшили розмір JS за першого завантаження у 3,5 раза і впровадили кілька хороших практик, як-от оптим...

Codeguida · 10 вересня 2021 · 40

Міжзастосункові зв’язки зі Single-Spa та RxJS

Сьогодні розглянемо, як організувати взаємодію мікрофронтенду (компонентний зв'язок) із RxJ. Ми також застосуємо стратегію кодового доступу, як-от підмодулі Git, щоб зберегти єдине джерело та легко ділитися основною кодовою базою між застосунками. Р...

Codeguida · 09 вересня 2021 · 8

Інструменти Reactjs на всі випадки життя

React — чудовий, це один з найбажаніших і найпопулярніших фреймворків JavaScript (відповідно до опитування StackOverflow 2021). З React легко створити і найпростіші, і складнющі застосунки. Але існує так багато бібліотек на основі Reactjs, що знайти...

Codeguida · 06 вересня 2021 · 508

Анонсовано React 18! Поглянемо, що має змінитись

Представлений наприкінці 2020 року React 17 не приніс багато нових можливостей. Натомість в ньому було багато вдосконалень, виправлень та закладено основи для майбутніх оновлень. Все для плавного впровадження подальших змін. Саме так ми переходимо до...

Codeguida · 3 роки тому · 31

Як я повернувся і відразу пішов від JavaScript

{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...

Codeguida · 27 травня 2021 · 43

Основи ReactJS

React - бібліотека (не фреймворк) для UI. Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликають проблеми. Тут ми розкажемо детально про деякі к...

Codeguida · 27 травня 2021 · 59

Чому слід використовувати TypeScript замість JavaScript у 2021 році

Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation.&nbsp; В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript замість JavaScript у середніх та великих проєктах....

Alex · 18 травня 2021 · 660 · 1

Rails та React: Справжнє використання (Частина 2)

У моєму попередньому пості (переклад) можете прочитати невеличке введення у React - JavaScript бібліотеку від Facebook для створення користувацьких інтерфейсів, а також про його відмінності від більш повноцінних MV- фреймворків. А зараз час використа...

Codeguida · 26 лютого 2021 · 7

Fullstack React/Rails: Знайомство

Привіт, Codeguida. Мене звати Тері. Ще коли я був малий, мій брат вчився у школі і вони там писали програми на Pascal. Вже тоді мене це сильно зацікавило. Проте все склалось так, що я був змушений йти вчитись на бухгалтера. Спочатку це було цікаво, з...

Codeguida · 25 листопада 2020 · 3

Rails та React: Золота середина (Частина 1)

Замітка перекладача: Стаття мені дуже сподобалась, тому вирішив спробувати себе у ролі перекладача. Переклад виконав у вільному стилі, із всіма побажаннями і неточностями прошу звертатись у наш чат або в коментарі. З того часу, коли я обрав Ruby on R...

Codeguida · 15 жовтня 2020 · 4

Вступ в React, якого нам не вистачало

React - це найпопулярніша в світі JavaScript-бібліотека. Але ця бібліотека хороша не тому, що популярна, а тому популярна, що хороша. Більшість існуючих вступних посібників з React починається з прикладів того, як користуватися цією бібліотекою. Але...

Alex · 15 жовтня 2020 · 2K

6 рекомендацій з розробки масштабованих React-проєктів

На початку роботи над новим React-проєктом рекомендується сформулювати інструкції, дотримуючись яких можна буде створити застосунок який добре піддається масштабування. У цьому матеріалі я хочу поділитися знаннями про React-розробці, накопиченими за...

Alex · 18 вересня 2020 · 761

Повний посібник з тестування застосунків на React

Спробуйте запитати у розробників про основні переваги автоматизованого тестування. Імовірно, ви почуєте десь такі аргументи: тестування дає впевненість в тому, що навіть один змінений рядок коду не зламає весь застосунок; замінює ручне тестування, я...

Codeguida · 01 вересня 2020 · 78

JSX в глибину

Примітка перекладача: Ми знаємо про JSX здебільшого завдяки відомій бібліотеці для побудови інтерфейсів React. Ця стаття є вільним перекладом статті з офіційного сайту React «JSX in Depth». JSX — це розширення синтаксису JavaScript, яке виглядає як...

Codeguida · 05 серпня 2020 · 46

Динамічні SVG з React.js

Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...

Codeguida · 14 червня 2020 · 44

Fullstack Rails/React #1.1: Налаштовуємось

Отож, друзі, як і обіцяв, ми продовжуємо :-) Минула стаття Сьогодні ми розгорнемо Rails із master гілки, створимо наш перший api-застосунок, а також зробимо всі базові налаштування; створимо базову структуру нашого фронтенд застосунку, встановимо баз...

Codeguida · 27 травня 2020 · 4