Одна из тем, которые я хочу срочно подтянуть - это тестирование. Проект, который сейчас делаю, довольно сложный, очень много кода, предшествующего построению интерфейсов - его желательно весь тестировать.
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.

зы Рекомендую почитать про Storybook, если кто юзает React.

#test #react

Если вы изучаете Реакт и планируете написать хорошее портфолио - вот отличная идея!
👉React Calculator на Hooks и Context API
Хороших выходных.

#react

10 отличных инструментов для React разработчика

👉Подробнее👈

ЗЫ От себя рекомендую особое внимание уделить Storybook - тем более он не только для React, поэтому необходим любому веб-разработчику.👍

#react

Перевод официального блога React о предварительной версии React 17

⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React

#react

Всем привет!

Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало

#react

Всем привет!🖖

Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx

Документация и примеры - https://airbnb.io/visx

#react

​​Всем привет!

Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп

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

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

В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github

ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть

#react

Всем привет!

Сейчас на работе потребовалось освоить SSG - генератор создания статических сайтов. Т.к. я использую React, то выбор пал на Gatsby - модная штука, особо часто сейчас используют, при переводе сайтов в wordpress на React.
Кратко: Gatsby позволяет отвязать сайт от БД. Сайт становится статичным и быстро грузится (Реакт в чистый HTML) и появляется возможность хостиинга на халявные сайты, где нет поддержки БД.
На практике пока могу одно сказать - нужно знать graphQl (хотя и без него можно, но с ним вся фишка) и немного напрягают другие мелочи, возможно, я просто не разобрался еще.

Кстати, сегодня утром прочел статью, где автор как раз сравнивает ssg решения - Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?

#ssr #react #gatsby #next

Если кто использует React+Redux, но ещё не пробовал хуки именно Redux - вот прям настоятельно рекомендую!
ЗЫ Вот не плохая статья на этот счёт.

#react #redux

Продолжу тему библиотек для управления состоянием приложения.
Классная статья - Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее

#react #mobx

Если вы разрабатываете на React, Vue или Angular - рекомендую использовать Storybook.
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция

ps Офф сайт - https://storybook.js.org/

#react #storybook

Concurrent Mode в React пока ещё experimental feature, но говорят, это не на долго.
Кто использует React, но ещё не в курсе, рекомендую ознакомиться, тк этот функционал очень уж востребованный и долгожданный.

👉Подробнее

#react

Хочу поделиться отличным ресурсом, в котором, наверно, крупнейшая подборка учебных материалов на русском языке для библиотеки React. Данный ресурс собрал уже около 400 звезд на гитхаб.

В нем вы найдете информацию по следующим темам:

Ключевые концепции React
React Router
Интернационализация в React
Тестирование в React
React Redux
React Native
Библиотеки для React
Разное (много разного, включая хуки)

Как я понял - это только первая версия, автор готовит следующую, причем не менее объемную.

👉Тотальный React

ps Теперь вы знаете, чем заняться на выходных)))

#react

Всем привет!

Если кто-то ещё хранит и логику и отображение в одном компоненте Реакт, то я рекомендую задуматься о катомных хуках.
Очень просто, удобно и главное - необходимо! Никаких особых дополнительных знаний не нужно, достаточно знать базовые хуки Реакт.
Для примера, вот отличная статья - хоть и н английском, но там все понятно. Рекомендую разобрать все примеры.

#react #hook

Всем привет!

Вчера я понял, что после изучения JavaScript мой выбор React был самым оптимальным. Не буду разбирать + или - React, но фактически он №1 сейчас. Точно так же, как и Typescript который стал однозначным выбором, почти в любом проекте.

Так что, если кто заканчивает изучение js и думает, что выбрать дальше - посмотрите на рынок вакансий и увидите 70-80% это React. 👍

ЗЫ Обновляемая подборка качественных библиотек для React (кроме библиотек компонентов, там все и так ясно).

#react

Всем привет!

Хочу поделиться видео, если вы используете ReactJS, думаю, вам тоже понравится. В нем Ден Абрамов "прошёлся" по Redux, обсудил актуальный спор classes vs hook's, будет ли переписываться React на Typescript и кучу других тем.

Классно, что можно посмотреть интервью с такой звездой (а Ден реально культовая личность) на русском языке. Послушать, как мыслят такие крутые разработчики. Рекомендую, если вы уже пишите на ReactJS.

PS ..."я не знаю что такое statemanagment"... © 🤣👍

#react

Всем привет!

Постоянно в чатах поднимается один и тот же вопрос - где посмотреть best practices, что бы писать хороший код? Такого места нет - нужно читать хорошие статьи и смотреть как пишут код авторитетные разработчики. Просить code review для своего кода и тд.

PS Если вы начинаете писать на ReactJS, то эти несколько советов должны улучшить ваш код.

#react

Всем привет!

Отличная подборка вопросов для подготовки к собеседованию на React. Навигация правда не работает 😂 (в правом блоке Contents рабочая навигация), но зато более 300 вопросов и ответов.
В закладки! ✅

#react #собеседование

Всем привет!

Кто еще не в курсе - вышел React 18!!! Очень много реально классных и полезных технологий в новой версии. Ни разу не пожалел, что выбрал React!
ps Кстати, вот неплохое видео

#react