Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
React
Открыть в Telegram
Подборки по React js и все что с ним связано. По всем вопросам @evgenycarter
Больше2 730
Подписчики
Нет данных24 часа
-57 дней
-930 день
Архив постов
2 730
👀 Похоже, что React 19 пересматривает обработку ошибок
Включая 2 новых публичных API:
-
onCaughtError
- onUncaughtError
Callbacks, срабатывающие на React Root (createRoot/hydrateRoot)
startTransition/flushSync теперь будет подавлять ошибки вместо их повторного выбрасывания на местах вызова.
✍️ @React_lib2 730
Не используйте React.lazy() при рендеринге.
Он будет возвращать каждый раз новый экземпляр компонента (как HOC) и потеряет свое состояние при повторном рендеринге.
Небольшая ошибка, найденная пользователем Docusaurus: лучше перенести lazy call за пределы компонента.
✍️ @React_lib
2 730
Изучите JavaScript на продвинутом уровне, на практике познакомьтесь с актуальным технологическим стеком
Онлайн-курс для разработчиков на JS, которые хотят повысить квалификацию и увеличить доход
🔥На курсе вы получите навыки для использования инструментов Fullstack-разработчика уровня Middle
Старт 28 марта. Доступна рассрочка на обучение! А еще мы уговорили создателей курса на скидку 10% по 🎁промокоду js10🎁. Узнайте, готовы ли вы расширить свои карьерные возможности: https://vk.cc/cvGsPw
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru2 730
⚛️ Совместимость + разделение задач - ключевой момент в React
Узнайте, как создавать различные уровни абстракции, чтобы сделать ваши компоненты более устойчивыми к изменениям.
✍️ @React_lib
2 730
Мемоизация в React: я почитал документацию вместо вас
В статье рассмотрены три инструмента мемоизации в React:
useMemo, useCallback, memo. Главный источник информации: документация React. Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения.
Так как мы будем рассматривать не самые базовые вещи, касающиеся React, то я не буду останавливаться на таких основах как хуки, состояние, свойства, чистые функции и чистые компоненты, ожидая, что вы ознакомитесь с ними за пределами статьи. А также все рассмотренное ниже относится в первую очередь к React 18.
https://habr.com/ru/companies/otus/articles/800549/
✍️ @React_lib2 730
Раскрытие возможностей Storybook
Выходя за рамки системы проектирования: как использовать Storybook для разработки, тестирования и проверки всех частей фронтенд-приложения.
Storybook - популярный инструмент для фронтальной веб-разработки, наиболее известный как витрина для дизайнерских систем и библиотек пользовательского интерфейса. Однако Storybook обладает гораздо более широкими возможностями, чем просто демонстрация компонентов пользовательского интерфейса!
https://commerce.nearform.com/blog/2023/unlocking-the-power-of-storybook/
✍️ @React_lib
2 730
Building Micro Frontends with React 18: Develop and deploy scalable applications using micro frontend strategies
Автор: Vinci J Rufus (2023)
В книге рассматриваются два паттерна построения микрофронтендов - паттерн multi-SPA и паттерн micro apps.Вы узнаете, какие паттерны и когда следует использовать, а также рассмотрите нюансы развертывания этих микрофронтендов с использованием облачных нативных технологий, таких как Kubernetes и Firebase. С помощью этой книги вы получите глубокое понимание управления состояниями, решения проблем с маршрутизацией и стратегий развертывания между различными микрофронтендами.
К концу книги вы научитесь проектировать и создавать микрофронтенд-приложение на основе React с использованием федерации модулей и эффективно развертывать его в облаке.
✍️ @React_lib
2 730
Как эффективно использовать TypeScript при разработке server-side приложений на Node.js?
Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете:
1. Введение в TypeScript
2. Интеграцию TypeScript с Node.js
3. Работу с модулями и зависимостями
4. Основные типы данных и аннотации типов
5. Работу с асинхронным кодом
6. Разработку серверной логики
7. Тестирование и отладку приложений
8. Лучшие практики разработки
9. Практические примеры и демонстрации
Встречаемся 21 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение! На курсе осталось 3 свободных места. А еще мы уговорили создателей подарить участникам вебинара скидку на курс 10% по 🎁промокоду js10🎁.
👉 Чтобы зарегистрироваться на бесплатный урок, пройдите тест на знание JavaScript: https://vk.cc/cvo9XO
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru2 730
React useTransition: изменение производительности или...?
Разбираемся, что такое
React Concurrent Rendering, что делают такие хуки, как useTransition и useDeferredValue, каковы преимущества и недостатки их использования.
https://www.developerway.com/posts/use-transition
✍️ @React_lib2 730
⁉️ Только начинаешь свой путь в IT, и для трудоустройства не хватает реального опыта работы?
Знакомая история? Тогда давай к нам! 🚀
PREAX — онлайн-стажировка для frontend-разработчиков.
Помогаем накопить реальный 💪 опыт, формируем кадровый резерв для работодателей и привлекаем лучших к коммерческим заказам.
ЧТО ВНУТРИ?
🔖 Пять больших проектов. Пополнишь портфолио крутыми кейсами.
🔖 Спринты и дедлайны. Научишься рассчитывать время и укладываться в сроки.
🔖 Работа с легаси. Исправишь ошибки, оптимизируешь код и сделаешь рефакторинг.
🔖 Пачка код-ревью. Поделишься опытом и увидишь, как сделать свой код еще лучше.
🔖 Поддержка сообщества. Сможешь задать вопрос и получить совет, если нужна помощь.
🔖 Новый стек технологий. Закрепишь на практике и расширишь стек технологий.
🔖 Гибкий график. Сможешь выстраивать нагрузку, легко совмещая её с работой или учебой.
В итоге получишь реальный опыт работы в команде!
Попробуй! 1-й спринт — 🆓 БЕСПЛАТНО!
Реклама, ООО «Преакс Плэтформ», ОГРН 1237700372755
2 730
🔥Новый React core hook ➡️ useActionState
Исправление путаницы/ограничений в
useFormState
- Переименовывает useFormState в useActionState
- Возвращает состояние ожидания
- Перемещает хук в пакет react вместо react-dom
Теперь React Native разработчики тоже могут использовать его!
✍️ @React_lib2 730
⚛️ Совет по React💡
Ввод возвращаемых значений пользовательских хуков с помощью TypeScript
✍️ @React_lib
2 730
Лучшие практики React-разработки собраны на бесплатном вебинаре Optimizing React: Web & Beyond!
13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:
Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.
📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский
Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻
2 730
6 подходов к выборке данных в React
Получение данных является ключевым аспектом любого React-приложения. Для разработчиков React очень важно понимать различные подходы к получению данных и понимать, какой из них наиболее подходит для их конкретного случая.
https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3
✍️ @React_lib
2 730
Отправка электронных писем из вашего приложения React
В этой статье показано, как интегрировать пакет React-Email и платформу Resend, чтобы упростить эту задачу.
https://blog.openreplay.com/sending-emails-from-your-react-app/
✍️ @React_lib
2 730
Как разрабатывать CLI на Node.js?
Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете:
1. Введение в CLI-разработку
2. Основы работы с Node.js
3. Создание интерфейса CLI
4. Обработку пользовательского ввода
5. Взаимодействие с файловой системой и внешними API
6. Тестирование и отладку
7. Лучшие практики и советы разработки CLI
Встречаемся 6 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение!
Пройдите небольшой тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://vk.cc/cv0pDh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
2 730
Реализация React Query в веб-приложении
В этом уроке рассмотрим, как интегрировать React Query в базовое веб-приложение. React Query — мощная библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. Мы создадим простое приложение, получающее данные из API с открытым исходным кодом, и используем Bootstrap для применения стилей.
https://smhatre59.medium.com/react30-project-17-implementing-react-query-in-a-web-app-c6931895ea0a
✍️ @React_lib
2 730
Full-Stack Flask and React: Learn, code, and deploy powerful web applications with Flask 2 and React 18
Автор: Olatunde Adedeji (2023)
Начиная с введения в React, библиотеку JavaScript для создания высокоинтерактивных и многократно используемых пользовательских интерфейсов, вы перейдете к моделированию данных для веб с помощью SQLAlchemy и PostgreSQL, а затем освоите разработку Restful API. Эта книга поможет вам определить пользователей приложения и управлять доступом к веб-приложению. Вы также изучите модульную архитектуру веб-приложений на базе Flask и освоите методы обработки ошибок. Перед развертыванием веб-приложения на AWS в книге рассказывается о том, как интегрировать лучшие практики модульного тестирования для обеспечения надежности и функциональности кода, чтобы сделать ваши приложения не только эффективными и быстрыми, но и надежными.
✍️ @React_lib
