Category: React

01
Авг
2019

Почему у меня возникли трудности с изучением React?

От автора: за шесть месяцев изучения и работы с React я пытался понять, почему я чувствовал себя с ним некомфортно. (Слово некомфортно кажется слишком амбициозным. Возможно, некомпетентным? Недоскональным? Что-то вроде этого.). Для меня, я думаю, это сводится к четырем вещам: Все технологии Написание JS по-другому Глубокая иерархия Эволюционирующие подходы Все технологии Работа в Abstract означала […]

17
Июн
2019

27 июня, Москва: NorthEast Frontend MeetUp #3: «Большая мобильная битва: Xamarin vs React.Native vs Apache Cordova»

На мероприятии разработчики из TrueConf обсудят проблемы популярных фреймворков для нативной разработки и сравнят их на основе своего опыта.
— Читать дальше «North-East FrontEnd MeetUp #3: «Большая мобильная битва: Xamarin vs React Native vs Apache Cor…

28
Май
2019

Angular vs React: кто победит в итоге?

От автора: поскольку тенденции рынка начинают смещаться в сторону React, легко задаться вопросом о будущем Angular. Это те соображения, которые заставляют задуматься, что из них стоит выбрать, особенно когда вы только вступаете в игру. Важно знать победителя в борьбе Angular vs React. Поскольку Facebook изменил лицензию React с BSD на MIT, библиотека, похоже, становится мега-популярной […]

02
Май
2019

О чем я хотел бы знать, когда был начинающим разработчиком React.js

От автора: после релиза 29 мая 2013 года React.js захватил Интернет. Не секрет, что я и многие другие разработчики обязаны своим успехом этой потрясающей платформе. Учитывая то, что в сети столько руководств по React для начинающих и профессионалов, мне бы хотелось, чтобы кто-то дал мне следующие советы в то время, как я сам начинал его […]

15
Апр
2019

Доступная маршрутизация в React

От автора: маршрутизация React, Angular, Vue, PHP, WordPress и в других средах позволяет осуществлять навигацию в приложении между различными представлениями или компонентами. Она существует уже давно и стала важным дополнением ко многим нашим проектам React. Независимо от того, используете ли вы React Navigation, React Router, Reach Router, Next, History API или какой-либо другой маршрутизатор, вы, […]

08
Мар
2019

Рефакторинг через классы: вычищаем свой JavaScript-код

В средних и больших проектах рационально выносить часть функциональности в отдельные классы. В статье рассотрен необольшой пример такой оптимизации.
— Читать дальше «Рефакторинг через классы: вычищаем свой JavaScript-код»

10
Фев
2019

Решение задач на собеседование по React. Часть 2

От автора: это видео является продолжением, где вы увидите, как закончить приложение на React. В этой части вы увидите, как реализовать пагинацию, как сделать возможность выбора пользователем количество загружаемых данных (32 или 1000 строк), как реализовать фильтрацию в таблице, используя отдельный компонент. Также вы узнаете, как на практике использовать нововведение в React, которое называется React […]

08
Фев
2019

Решение задач на собеседование по React

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

05
Фев
2019

Школа Elbrus Coding Bootcamp

До 4 марта идёт набор в школу программирования Elbrus Coding Bootcamp. Здесь учат не просто писать код, а, что важнее, мыслить как разработчик. Как это работает? Обучение в Elbrus — это своего рода
— Читать дальше «Школа Elbrus Coding Bootcamp»

25
Янв
2019

React: практики, которые помогут стать продвинутым разработчиком

React.js — один из лучших и наиболее популярных способов создать одностраничное приложение. Это гибкий и удобный фреймворк, с помощью которого можно либо добавить компонент на существующий сайт, либо создать новый
— Читать дальше «React: практики, кото…

22
Янв
2019

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

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

22
Янв
2019

Вопросы на собеседование по React / Redux

От автора: вопросы собеседования React становятся одной из самых популярных тем для изучения будущими разработчиками. Спрос на знание именно этого фреймворка легко объясним. React — одна из самых популярных и влиятельных JavaScript платформ последнего времени. Ее популярность становится все больше и больше, как показывают результаты состояния JS за последние три года. И не только это, […]

22
Дек
2018

React, Angular и Vue: что изучать в 2019 году?

Фронтенд — одно из наиболее динамично развивающихся направлений современной разработки. Неудивительно, что он оброс множеством инструментов, библиотек и фреймворков, призванных помочь в работе. Но возникает новая проблема: Что выбрать для
— Читать даль…

18
Дек
2018

Как использовать React.lazy и Suspense для отложенной загрузки компонентов

От автора: React 16.6 вывел разделение кода на новый уровень. Теперь вы можете загружать компоненты, когда это действительно необходимо, без установки дополнительных библиотек. Что такое разделение кода и отложенная загрузка? Webpack определяет разделение кода как: «Метод разделения вашего кода на различные пакеты, которые затем могут быть загружены по требованию или параллельно». Другой способ сказать: «загрузка […]

10
Дек
2018

Обзор свойств рендеринга в React

От автора: рендеринг в React — это метод эффективного повторного использования кода. Согласно документации React, «компонент со свойством рендеринга принимает функцию, которая возвращает элемент React и вызывает ее вместо реализации собственной логики визуализации». Чтобы понять, что это значит, давайте рассмотрим шаблон свойства рендеринга, а затем применим его в нескольких простых примерах. Шаблон свойства рендеринга При […]

30
Ноя
2018

Плавная прокрутка в React: реализация

От автора: плавная прокрутка, не знаете, что это такое? Ну, вместо того, чтобы нажимать на кнопку и мгновенно перемещаться на другую часть (той же) страницы, пользователь перемещается туда с помощью анимации. Прокрутка в React – это одна из тех тонких особенностей сайта, которая создает невероятную разницу в плане эстетики. Я лично только что реализовал это […]

27
Ноя
2018

Market Frontend Meetup

11 декабря пройдёт Market Frontend Meetup — встреча с командой Яндекс.Маркета. Кому будет интересно? Фронтенд-разработчикам. Какие будут доклады? «Как не писать код самому: делегируем наши проблемы AST». Никита Сидоров расскажет о проблеме автоматическ…

27
Ноя
2018

React.js для продолжающих

Итак, вы изучили основы React.js и теперь не знаете, что делать дальше? В статье рассмотрены 5 интересных вещей, которые поднимут ваши навыки и знания React.js на новый уровень. Жизненный цикл
— Читать дальше «React.js для продолжающих»

27
Ноя
2018

Отношения любовь-ненависть между React Router и React Components

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

26
Ноя
2018

5 вещей, которые я не знала о Create React App

От автора: Create React App — это инструмент, который упрощает создание приложений React без необходимости иметь дело со сложными настройками. Недавняя версия Create React App v2 — отличный повод, чтобы пройтись по Руководству для пользователей еще раз и найти интересные функции, о которых вы не знали. Вот те, о которых не знала я. 1. Отображение […]

21
Ноя
2018

Хуки React: это не магия, это просто массивы

От автора: я большой поклонник нового API хуков. Тем не менее, у него есть некоторые странные ограничения относительно того, как вам следует его использовать. Здесь я опишу модель, с помощью которой те, кто пытается понять причины этих правил, могут представить себе, как именно используются в React хуки. ПРЕДУПРЕЖДЕНИЕ: API хуков является экспериментальной функцией Эта статья […]

09
Ноя
2018

Разрушение производительности приложения React через Redux

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

08
Ноя
2018

React 16.6: React.memo() для управление рендерингом функциональных компонентов

От автора: React 16.6.0 вышел! В нем появилось множество новых функций, включая две основных: React memo () и React.lazy(). Разделение кода и отложенная загрузка с помощью React Suspense. В этой статье мы рассмотрим React.memo(), а React.lazy() и Suspense в следующей крупной статье. Что такое React.memo()? React.memo() похож на PureComponent в том, что он помогает контролировать, […]