Category: React

16
Сен
2020

22 сентября, онлайн: вебинар «Разработка библиотеки компонентов на React»

Бесплатный вебинар, на котором участники научатся разработке презентационных компонентов на React используя Storybook.
— Читать дальше «Вебинар «Разработка библиотеки компонентов на React + Storybook»»

10
Сен
2020

19 сентября, онлайн: Meta/conf Frontend Meetup 2020

Спикеры расскажут о современных фреймворках, правилах проектирования, разработке и тестировании клиентской части веб-приложений.
— Читать дальше «Meta/conf Frontend Meetup»

02
Сен
2020

15 сентября, онлайн: React Global Online Summit

Эксперты расскажут о технологиях разработки в React JS как для разработчиков Junior–Senior уровней, так и для архитекторов и СТО.
— Читать дальше «React Global Online Summit»

18
Авг
2020

Как и почему вы должны использовать React Query

От автора: одна из проблем, с которыми мы сталкиваемся при создании приложения с помощью React — это определение шаблона кода для выборки данных с сервера. Наиболее распространенный способ обработки выборки данных в React — использование глобального состояния в качестве механизма для определения текущего статуса операции выборки. Вот пример получения данных из Star Wars API: [crayon-5f3b709acdf58629637732/] […]

10
Авг
2020

4 популярных способа стилизации компонентов React

От автора: ваши приложения React — это просто набор компонентов, собранных вместе для создания пользовательских интерфейсов и функций. Конечно, вы не хотите оставлять в своем приложении стерильные цвета, анимацию и стили. Вот почему вы должны заботиться о том, как планируете настраивать и улучшать компоненты React. Далее вы найдете список 4 самых распространенных способа сделать приложения […]

15
Июл
2020

Давайте создадим с помощью React финансовую информационную панель

От автора: в этом руководстве мы с нуля создадим образец финансовой информационной панели и в процессе узнаем немного о CSS-сетке, KendoReact и темизации. Финансовые приложения сложны. Как правило, они имеют дело с кучей данных, и отображение этих данных важно для того, чтобы сделать ваших пользователей счастливыми. В этой статье мы создадим пример финансовой панели в […]

09
Июл
2020

Типичные ошибки джунов, использующих React

Разбор некоторых из ошибок (и возможных решений), которые джуны совершают на раннем этапе своего профессионального роста.
— Читать дальше «Типичные ошибки джунов, использующих React»

03
Июл
2020

Онлайн: обучение фронтенду с оплатой после трудоустройства

Изучите всё, необходимое фронтенд-разработчику: HTML, CSS, JS, а также React в связке с Redux. Ничего платить не придётся, пока не найдёте работу в Москве.
— Читать дальше «Обучение фронтенду с оплатой после трудоустройства»

10
Июн
2020

Когда React выполняет повторный рендеринг компонентов?

От автора: React известен тем, что обеспечивает быстрое взаимодействие с пользователем, обновляя только те части пользовательского интерфейса, которые изменились. Если посмотреть на производительность рендеринга в React, есть несколько терминов и концепций, которые трудно понять. В течение некоторого времени мне не было на 100% ясно, что такое VDOM или как React решает, когда нужно выполнить ререндеринг […]

29
Май
2020

Что бы я хотела знать о React

От автора: пару недель назад я начала работать над своим первым приложением React. Это было не только мое первое приложение React, но и мое первое приложение React Native, поэтому многое для меня было в новинку. В сравнении с миром Angular (и Ionic), я чувствовал, что все мои предвзятые представления и идеи переворачиваются с ног на […]

28
Май
2020

Реактивное (react) гамбургер-меню

От автора: создайте свое собственное меню, используя React, хуки, TypeScript и styled-component. Я предпочитаю простое меню, которое не будет выглядеть навязчивым на странице, отвлекая внимание от контента — но в то же время доступное для моих пользователей. Вместе мы создадим простое липкое гамбургер-меню! Что такое гамбургер-меню? Я думаю, что название «гамбургер» — это просто слово […]

01
Май
2020

Создаём веб-приложение с бэкендом на Django и фронтендом на React

Создаём REST API на Django, добавляем React в проект и соединяем Django и React.
— Читать дальше «Создаём веб-приложение с бэкендом на Django и фронтендом на React»

21
Апр
2020

10–30 апреля, онлайн: курсы ProGate

Онлайн-платформа Progate открыла доступ к 15 коротким онлайн-курсам для новичков. Можно изучить Python, Java, PHP, SQL, HTML, jQuery, Ruby и Ruby on Rails.
— Читать дальше «Онлайн-курсы ProGate»

07
Апр
2020

Как отобразить и скрыть элементы в React

От автора: без операторов if в JSX, как вы управляете потоком приложения? Давайте рассмотрим, как отображать или НЕ отображать элементы в React. Вы не можете вставлять оператор if в JSX. Итак, как вы контролируете, что отображается? Управление потоком через приложение имеет фундаментальное значение для программирования, и для React это ничем не отличается. В этой статье […]

02
Апр
2020

27 апреля, онлайн: интенсив «Fullstack-разработчик. JavaScript»

За 16 недель онлайн-буткэмпа научитесь думать как программист, погрузитесь в процесс непрерывного обучения и станете фулстэк-разработчиком на JavaScript.
— Читать дальше «Онлайн-интенсив «Fullstack-разработчик. JavaScript»»

02
Апр
2020

9 советов по созданию удивительных повторно используемых компонентов React

От автора: советы по созданию многоразовых и совместно используемых компонентов React. Проверка типа многоразовых компонентов Проверка типов необходима для положительного опыта разработчиков и оптимизированного сотрудничества в команде. Это способ сделать код намного более понятным для других, а также для вас самих в будущем. 1. Используйте TypeScript — избегайте prop-types TypeScript и prop-types в настоящее время […]

29
Фев
2020

10 фишек из JavaScript, которые помогут писать более качественный код на React

Хотите повысить свой навык и лучше понимать, как работает React? Начните с базовых концепций, унаследованных этой библиотекой от JavaScript.
— Читать дальше «10 фишек из JavaScript, которые помогут писать более качественный код на React»

25
Фев
2020

Руководство для начинающих по циклам в React JSX

От автора: хотите знать, как создавать циклы в React? Узнайте о JSX и о том, как использовать такие методы, как функция map, для создания цикла внутри React JSX и отображения списка элементов. О JSX в двух словах Если вы работали с React раньше, то существует высокая вероятность того, что вы знаете, что такое JSX, или, […]

19
Фев
2020

Шесть «никогда» при интернационализации веб-приложений

От автора: первоначально я написал эти рекомендации для внутренней документации Wayfair. Ниже приводится адаптированная и улучшенная версия. Во всех приведенных ниже примерах предполагается использование библиотеки React и React Intl, но эти рекомендации являются общими для веб-приложений и могут применяться с любым фреймворком и библиотекой для интернационализации. 1. Никогда не объединяйте строки Неполные фразы трудно или […]

20
Дек
2019

15 советов по производительности приложений React.js

От автора: создание приложений иногда может быть немного сложным, особенно когда нам нужно создать быстрое и качественное приложение. Поисковые системы могут давать бонусные SEO-баллы за большую скорость приложения, и это может помочь нам очень сильно снизить показатель отказов. В этом посте я привел несколько советов и подсказок, которые вы можете использовать, чтобы сделать ваше приложение […]

22
Ноя
2019

Аутентификация полного стека: файлы cookie и локальное хранилище

От автора: когда вы авторизуетесь в приложении, вы ожидаете, что в следующий раз, когда вы откроете новую вкладку или окно в браузере, вы все равно останетесь авторизованным. Это означает, что в некотором роде или форме, клиент (браузер) должен поддерживать ссылку на вас, чтобы вы оставались авторизованным. Где я могу сохранить в клиенте состояние? Работа с […]

04
Ноя
2019

React VS Vue: Что лучше в 2020 году?

От автора: Javascript-фреймворки наряду с HTML и CSS стали неотъемлемой частью разработки интерфейса любого современного программного проекта. 2020 год станет еще одним годом выбора правильного JavaScript-фреймворка для вашего проекта. Если вы читаете этот пост, то я предполагаю, что вы не уверены в техническом стеке для своего следующего проекта. Это не просто определить, и этот пост […]

04
Ноя
2019

Минималистичное управление состоянием (React)

От автора: React версии 16.3 представил новый API контекста. На мой взгляд, эта новая функция достаточно хороша для управления состоянием небольших и средних приложений. Недавно я написал небольшой проект, в котором использовал контекст в качестве основного источника данных для front-end. В этом посте я хотел бы поделиться полученными знаниями и подходом. Новый API Давайте бегло […]

31
Окт
2019

Новые функции в React 16.9.0

От автора: в этом посте вы познакомитесь с новейшей версией React.js, а также с общими новостями о будущем. React — это одна из самых популярных библиотек JavaScript, более 110 000 звезд и более 2 миллионов человек используют ее на GitHub. Множество преданных членов сообщества облегчают жизнь разработчикам, создавая удивительный пользовательский интерфейс, который вошел в новейшую […]

31
Окт
2019

Повысьте производительность приложений React + Redux с помощью библиотеки Reselect

От автора: селекторы — это удобный способ «выбрать» состояние из магазина Redux. Хранилище Redux хранит всю логику и данные приложения; селекторы используются для выбора определенных частей состояния из хранилища. Если вы создаете приложения с использованием React и Redux, вы можете воспользоваться селекторами. Как выглядят селекторы? Прежде чем мы рассмотрим то, почему селекторы удобны и как […]

31
Окт
2019

Демонстрация повторно используемых компонентов React в формах

От автора: компоненты являются строительными блоками приложений React. Практически невозможно создать приложение React и не использовать компоненты. Это распространено до такой степени, что некоторые сторонние пакеты предоставляют компоненты, которые вы можете использовать для интеграции функционала в свое приложение. Эти сторонние компоненты, как правило, могут быть использованы повторно. Разница между ними и компонентами, которые, вероятно, есть […]

28
Окт
2019

React и SEO: Создание на Next.js SPA, оптимизированных для Google

От автора: мы часто рекомендуем использование одностраничных приложений. Мы продолжим делать это, потому что они великолепны. Я имею в виду, они быстрые, они предлагают невероятный UX и у них крутой вид. Тем не менее, мы также всегда обращаем внимание на вещи, с которыми нужно быть осторожными, когда речь идет о работе с SPA — такие […]

22
Окт
2019

Тестирование приложений React в 2019 году

От автора: тестирование является очень спорным понятием в разработке программного обеспечения. Несмотря на то, что нет единого мнения о лучших способах тестирования или о лучших инструментах, или даже об уровне приоритета тестирования, мы все можем согласиться с тем, что это очень важный аспект любого продукта. В этом посте мы подробнее рассмотрим некоторые из лучших способов […]