Category: React

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 году

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

16
Окт
2019

10 ошибок, которые совершают разработчики React

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

24
Сен
2019

JavaScript, который нужно знать для React

От автора: одна из вещей, которые мне больше всего нравятся в React по сравнению с другими фреймворками, которые я использовал, это то, насколько вы открыты для JavaScript при его использовании. Шаблон DSL (JSX компилируется в разумный JavaScript) отсутствует, API компонентов стал проще с добавлением React Hooks, и фреймворк предлагает вам очень мало абстракций вне основных […]

02
Сен
2019

Создание мобильных приложений с использованием Ionic и React

От автора: Ionic недавно добавил поддержку React; поэтому теперь разработчики React могут использовать преимущества Ionic для создания гибридных мобильных приложений и прогрессивных веб-приложений (PWA). В этой статье мы покажем вам, как начать использовать Ionic с React, создав простое демонстрационное приложение с нуля. Что вам необходимо Чтобы следовать этому руководству, вам понадобятся следующие предварительные условия: последние […]

29
Авг
2019

Смогут ли React-хуки заменить компоненты высшего порядка (HOC)?

Перевод статьи Do React Hooks Replace Higher Order Components (HOCs)? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о том, сможет ли он заменить…
ДАЛЕЕ

28
Авг
2019

Встроенная альтернатива Redux с помощью React Context и хуков

От автора: так как новый React Context API был представлен в версии 16.3.0, у многих людей возникла мысль, достаточно ли хорош этот API, чтобы пересмотреть вопрос об использовании Redux. Мне было интересно то же самое, но я с тех пор больше не следил за данной темой, даже после выхода 16.8.0 с Hooks API. Я стремлюсь […]

27
Авг
2019

Извлечение данных в React с использованием React Async

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

26
Авг
2019

Смогут ли React-хуки заменить Redux?

Перевод статьи Do React Hooks Replace Redux? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт Вкратце: хуки хороши, но Redux они не заменят «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о…
ДАЛЕЕ

26
Авг
2019

14 сентября, Воронеж: митап Frontend meta/conf

Будет интересно не только разработчикам, но и основателям стартапов и менеджерам продуктовых компаний, а ещё всем, кто хочет разобраться в современном вебе.
— Читать дальше «Митап Frontend meta/conf»

01
Авг
2019

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

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

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 за последние три года. И не только это, […]