react (58)

Коротко про тестування проєкту на React

Уявіть ситуацію: ви працюєте над проєктом, ось закінчуєте останню фічу, і ... раптово помічаєте баги в різних частинах системи. Ви фіксите їх — з'являються нові. І гра «впіймай баг» триває, доки ви нарешті не втомитесь і не почнете шукати інший вихід...

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

Хуки React Router

З п'ятою версією React Router з'являється підтримка хуків, за допомогою яких можна керувати роутингом. Цей матеріал буде корисним для тих, хто хоче швидко ознайомитись з особливостями нового React Router. Але перше ніж перейти до хуків, оглянемо нов...

Codeguida · 04 березня 2020 · 57

Оптимізуємо продуктивність React-застосунків

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

Codeguida · 02 серпня 2019 · 11

Хороші та погані сторони JSX

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

Codeguida · 7 років тому · 2

Ліниве завантаження зображень з React Suspense та lazy

Реалізація лінивого завантаження картинок — одна зі стандартних задач по оптимізації доставляння ресурсів. Варіантів її вирішення у звичайному JS застосунку дуже багато, на будь-який смак та вміння. Можна прочитати про них на medium, codeguida та css...

Codeguida · 26 грудня 2018 · 8

Локалізація React (Mobx) застосунку за допомогою i18next

Привіт! Мене звуть Віктор, я Lead Software Engineer та Consultant у GlobalLogic. Останні вісім років я працюю з JavaScript. Сьогодні хочу поділитися з вами однією цікавою знахідкою. Про що йдеться? Нещодавно мені знадобилося додати локалізацію до мог...

Codeguida · 07 вересня 2018 · 43

Уроки, які я засвоїв, використовуючи React-Redux

Коли я вперше почав використовувати React з Redux, я, зазвичай, застосовував великий приєднаний компонент контейнера, що встановлював необхідний стан, який наслідувався усіма дочірніми компонентами. З часом застосунок ускладнювався, а його компоненти...

Codeguida · 24 вересня 2018 · 45

Оптимізуємо рендеринг render props в React

Поговоримо про техніку render props (і схожий з нею підхід children as a function) в React. Вона стала дуже популярною останнім часом через авторитет багатьох вельми поширених бібліотек, таких як react-router v4, formik, які якраз і базуються на цьом...

Codeguida · 6 років тому · 9

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

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

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

JSX в глибину

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

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