​​Как интегрировать серверный рендеринг в React-приложение, и зачем он вообще там нужен

Серверный рендеринг (server-side rendering) — это техника рендеринга одностраничного приложения или сайта на сервере, а не в клиентском браузере. В компании RubyGarage рассказывают, как это может помочь улучшению пользовательского опыта, SEO-оптимизации и росту трафика.

https://highload.today/kak-integrirovat-servernyj-rendering-v-react-prilozhenie-i-zachem-on-voobshhe-tam-nuzhen/?utm_source=telegram&utm_medium=social&utm_campaign=telega

Пишем реклакс игрушку на JS.

Особенности работы с событиями для desktop и mobile устройств.

https://jem-space.ru/le-popit-dlia-biednykh/

react-dnd

Крутой Drag&Drop для React.
Набор утилит, которые позволяют создавать сложные интерфейсы с перетаскиванием, сохраняя при этом отвязывание компонентов.

Отличительные особенности:
1. идеально подходит для таких приложений, как Trello и Storify, где перетаскивание отвечает за передачу данных между различными частями приложения;
2. построен поверх Drag&DropHTML5;

👉 @sWebDev

react-content-loader

Набор компонентов для легкого создания skeleton loadings (как загрузка карты в Facebook).

Отличительные особенности:
1. Plug and play: поставляется с большим количеством пресетов для использования.
2. DIY: можно использовать данный софт, чтобы создавать собственные загрузчики.
3. Поддержка React Native: тот же API с теми же мощными функциями.
4. Легковесный: менее 2 КБ и 0 зависимостей для веб-версии.

👉 @sWebDev

TypeScript: Modern JavaScript Development

Автор: Remo H. Jansen, Vilic Vane, Ivo Gabe de Wolff
Год издания: 2016

Скачать книгу

#TypeScript #english

Responsive React Dashboard with Tailwind - приборная панель какого-нибудь инвестиционного сайта или что-то подобное. Можно взять некоторые элементы UI на заметку.

https://codepen.io/dilums/pen/ZEBowxX

React.js курс для начинающих, 2-е издание

Автор: Максим Пацианский
Год издания:2018

Скачать книгу

#react #русский

⚛️ 5 продвинутых паттернов React-разработки

Обзор пяти современных передовых шаблонов разработки на React с их достоинствами и недостатками, а также примерами кода.

https://proglib.io/w/2a3d9c5f

#react

React Native Cookbook, 2nd Edition

Автор: Dan Ward
Год издания: 2019

Скачать книгу
Скачать code

#react #english

Onsen UI

Компоненты Onsen UI доступны в React благодаря привязкам и позволяют создавать гибридные мобильные приложения на базе React и фреймворка Onsen UI. Вклад в этот проект внесли более 80 разработчиков, на GitHub у него около 5.6 тысяч звёзд. Всё это позволяет говорить о том, что на Onsen UI стоит, как минимум, обратить внимание при выборе библиотеки для разработки пользовательского интерфейса.

👉 @sWebDev

​Немного о том, как работает виртуальный DOM в React

В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.

Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:

https://tprg.ru/rKQn

#react

Современное руководство по паттернам состояний React

https://blog.logrocket.com/modern-guide-react-state-patterns/

​Как очистить асинхронные эффекты в React

При работе с асинхронным кодом в React могут возникать различные неприятные побочные эффекты, например, при изменении жизненного цикла компонента. В таких случаях могут возникнуть ошибки и неадекватное поведение кода.
Как этого избежать читайте в статье:

https://tprg.ru/uqE9

#react

Планы по развитию React

Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.

Подробнее можете узнать в их блоге:

https://tprg.ru/xJO2

#react

​Современное руководство по паттернам состояний React

В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:

https://tprg.ru/yk8t

#react

Путешествие в runtime - Event loop, layout, paint, composite, call stack

https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack

​Топ-10 ошибок, которых нужно избегать, используя React

От прямого изменения состояния до перебора с Redux: https://proglib.io/w/def3546d

#react