React JS

Circle Swap Photo Gallery — фотогалерея с красивой анимацией замены фотографий, реализованная с помощью React и GSAP. #галерея #анимация #gsap #react https://codepen.io/ste-vg/pen/WNvYWKr @react_tg

⚡️Как разработчику стать более востребованным на рынке, апнуться в деньгах и начать решать более широкие и сложные задачи? 🚀Узнайте больше о высокооплачиваемой, статусной работе тимлида на бесплатных вебинарах онлайн-курса «Team Lead разработки» от OTUS: — «Роли в команде»: https://otus.pw/HWpv/ — «Как работать с трудными сотрудниками»: https://otus.pw/Zrh4/ — «Подходы к управлению в удаленной команде»: https://otus.pw/09Ls/ 👉Регистрируйтесь сегодня — напомним перед вебинаром!

Создаём крутые 3D-сцены с помощью React Three Fiber React Three Fiber упрощает создание 3D-сцен. В этой статье вы узнаете, как создавать захватывающие 3D-анимации с помощью React Three Fiber (R3F). Вы изучите настройку сцены, создание геометрии, добавление освещения и включение эффектов постобработки: https://varun.ca/modular-webgl/ #фронтенд #react #r3f

ReactJS под капотом React Reconciliation Все ли вы знаете о React key? Что вы знаете о useCallback? какая разница между useLayoutEffect, componentDidMount и useEffect? Best Practices for useEffect by React Documentation Первое погружение в исходники хуков (задел на будущее) createRef, setRef, useRef и зачем нужен current в ref Что выбрать: глобальные переменные или useThis()? Какая настоящая цена useMemo? useMemo - исходники, альтернативное использование и мемоизация ссылки React.memo это вам не useMemo || разница между HOC и hook на примере исходников Чем отличается SimpleMemoComponent от MemoComponent? Улучшаем перфоманс без memo() || Советы от Дэна Абрамова Станет ли memo() дэфолтным поведением реакт компонента? Блок схема по использованию memo() && Боевые примеры Трюк с useMemo от React разработчиков Новый хук в 18-ой версии React - useSyncExternalStore Исходники Context API + Redux vs Context [Эксперимент] useContext + useReducer вместо Redux Лучшие примеры использования Context API Новый хук useEvent решит наши проблемы! Все видео доступны на youtube ✍️ @React_lib

🌆 City Illustration — адаптивная SVG-иллюстрация города с параллакс-эффектом, реализованная с помощью React, jQuery.parallax.js и GSAP. #параллакс #svg #gsap #jquery #react https://codepen.io/lisilinhart/pen/MoqMQq @react_tg

​Управление состоянием в React с помощью Easy Peasy В React многое завязано на управлении состоянием компонентов. Поэтому от того насколько эффективно этот процесс происходит зависит производительность всего проекта. В этой статье вы узнаете, как использовать Easy Peasy для управления состоянием в React, разберёте основные концепции инструмента, а также преимущества перед другими решениями https://blog.openreplay.com/easy-peasy-state-management-using-react-easy-peasy/ #фронтенд #react