Хук слева, хук справа… Отработаем приемы эффективной разработки: применение функциональной архитектуры, мемоизации, разделения кода. Отправим в нокаут лишние повторные вычисления и отображения.

https://nsprg.ru/OoYQ6x

VK: https://nsprg.ru/Obk6em

@nuancesprog #React

Создадим компоненты React для совместного использования с Redux, MobX, Recoil и любыми другими библиотеками управления состоянием. Узнаем, какие задачи и каким образом решают данные библиотеки.

https://nsprg.ru/v387rO

VK: https://nsprg.ru/ObkLom

Дзен: https://nsprg.ru/OoY5ox

@nuancesprog #React

Что такое порталы в React? Узнаем, для чего, когда и как они применяются, а также какие нюансы надо при этом учитывать. Ознакомимся с реальным примером порталов в React.

https://nsprg.ru/OZY7av

VK: https://nsprg.ru/v38J3O

Дзен: https://nsprg.ru/vXPdwv

@nuancesprog #React

Как правильно обрабатывать и регистрировать ошибки в React, какие инструменты стоит для этого выбрать?

https://nsprg.ru/xlEeYv

VK: https://nsprg.ru/mzgPqx

Дзен: https://nsprg.ru/xeAB8x

@nuancesprog #React

Представленные здесь примеры проектов на React станут хорошей школой и практическим пособием в процессе овладения основами этой библиотеки, позволяющей создавать впечатляющие фронтенд-интерфейсы.

https://nsprg.ru/OZYWKv

VK: https://nsprg.ru/mEKW0v

Дзен: https://nsprg.ru/vXPWRv

@nuancesprog #React

React упрощает реализацию функции темного режима, которая порой необходима при просмотре сайтов. Рассмотрим, как ее можно реализовать.

https://nsprg.ru/m6kQrx

VK: https://nsprg.ru/x9pQXm

Дзен: https://nsprg.ru/mygyQv

@nuancesprog #React

Профессионалы пишут компоненты, которые можно легко понять, удобно обслуживать и повторно использовать. Научитесь создавать такие компоненты с помощью шаблонов HOC и хуков - и ваша кодовая база выдержит испытание временем.

https://nsprg.ru/mnLdNv

VK: https://nsprg.ru/mYV94x

@nuancesprog #React

Одними из основополагающих элементов в React являются компоненты. Поэтому для разработчика очень важна оптимизация их размера. Рассмотрим, как это можно сделать.

https://nsprg.ru/vgLNRO

VK: https://nsprg.ru/OZYoQv

Дзен: https://nsprg.ru/v21oax

@nuancesprog #React

Кратко знакомимся с Socket.io, а затем пошагово рассматриваем создание проекта, начиная с архитектуры сервера и структуры каталогов, заканчивая настройкой каналов и подключений.

https://nsprg.ru/xJp4VO

VK: https://nsprg.ru/OVYJKv

Дзен: https://nsprg.ru/mDzZ2v

@nuancesprog #SocketIO #NodeJS #React

Что такое компоненты и функции высшего порядка и в чем заключаются их преимущества? Представляем вам комплексное руководство по компонентам высшего порядка в React.

https://nsprg.ru/OjAoyv

VK: https://nsprg.ru/mMkNlv

Дзен: https://nsprg.ru/OQMBrO

@nuancesprog #React

Разработчики React прикладывают максимум усилий, чтобы увеличить производительность своего продукта. Сегодня мы рассмотрим основные инструменты оптимизации эффективности этой библиотеки.

https://nsprg.ru/m0RBVv

VK: https://nsprg.ru/mrGBwx

Дзен: https://nsprg.ru/ON76Ym

@nuancesprog #React

На примере практического опыта разработки разберем тему паттернов и антипаттернов в React, что позволит сократить количество допускаемых ошибок.

https://nsprg.ru/xe99yx

VK: https://nsprg.ru/mz552O

Дзен: https://nsprg.ru/xlGGkm

@nuancesprog #React

Предлагаем практическое руководство по компонентно-ориентированной разработке. Следуя ему, вы получите многоразовые компоненты React.js, которые можно отдельно импортировать, обновлять и использовать для создания любого проекта.

https://nsprg.ru/v2ndRv

VK: https://nsprg.ru/vX9KPO

Дзен: https://nsprg.ru/OZEKZv

@nuancesprog #React

Изучим подход к проектированию приложений с разбиением дизайн-систем на пять уровней. Рассмотрим принципы, на которых он основывается.

https://nsprg.ru/Oj64nO

VK: https://nsprg.ru/OQZwzm

@nuancesprog #React

Обучающее руководство по созданию приложения-планировщика React при непосредственном участии библиотек Easy Peasy и Ant Design.

https://nsprg.ru/xREldm

VK: https://nsprg.ru/xlG9nm

Дзен: https://nsprg.ru/xe98lx

@nuancesprog #React

Изучите 9 стратегий рендеринга, оценив преимущества и недостатки каждой из них. Используя эти стратегии, вы сможете создавать удобные веб-приложения, которые будут хорошо работать как для пользователей, так и для поисковых систем.

https://nsprg.ru/vqLA3x

VK: https://nsprg.ru/mnoNAx

@nuancesprog #React

Узнаем особенности и преимущества библиотеки Styled Components, а также научимся создавать стилизованный компонент, глобальную тему и передавать свойства.

https://nsprg.ru/OBkbXm

VK: https://nsprg.ru/my8e8O

Дзен: https://nsprg.ru/m6j5km

@nuancesprog #React

Знакомимся с библиотекой Geist UI и ее чудо-возможностями, благодаря которым вы сможете легко менять темы и создавать эстетичные интерфейсы для своих веб-приложений.

https://nsprg.ru/Oobp5v

VK: https://nsprg.ru/vd0yrv

Дзен: https://nsprg.ru/ObZ1WO

@nuancesprog #GeistUI #React

Принципы SOLID кажутся простыми, но их важность в программировании трудно переоценить. Разберем каждый из принципов SOLID на конкретных примерах и покажем их практическую ценность.

https://nsprg.ru/x1e0Vx

VK: https://nsprg.ru/OBkLYm

@nuancesprog #FrontEndDevelopment #React #ReactNative #SOLID

Представляем вашему вниманию новую версию инструмента для прототипирования ReacType (v21). В этом обзоре подробно разберем его основные преимущества и перспективы развития.

https://nsprg.ru/OoboLv

VK: https://nsprg.ru/ObZ5yO

@nuancesprog #React #ReacType