Разработка пользовательских хуков для React

Хуки впервые появились ещё‎ в React 16.8 и позволили расширить возможности функциональных компонентов. Структура приложений, построенных на использовании хуков, оказалась настолько удобной, что хуки стали основой React-разработки.

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

https://tproger.ru/articles/razrabotka-polzovatelskih-hukov-dlja-react/

#react

Как создать интересные 3D-сцены с помощью React Three Fiber

В этой статье разбирается React Three Fiber для создания анимированной 3D-визуализации. По сути, это просто компонент, который вы можете поместить в любое приложение React.

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

https://varun.ca/modular-webgl/

#react

Попробуйте создать собственный React

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

https://pomb.us/build-your-own-react/

#react

React + Typescript — что нужно знать?

Шпаргалка для тех, кто уже знаком с React, но только начинает изучать TypeScript. Основные темы:

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

Сохраняйте в закладки, чтобы не потерять:

https://my-js.org/docs/cheatsheet/react-typescript/

#react

​Создаё‎м 3 проекта на React за 8 часов

В этом видеоуроке показывается, как реализовать — клон YouTube, профессиональное приложение для фитнес-упражнений и Lyriks — улучшенную версию Spotify. Вы научитесь создавать современные пользовательские интерфейсы с помощью Tailwind CSS, управлять состоянием с помощью React Context API, а также получать данные используя RapidAPI.

В конце курса у вас будет 3 профессиональных портфолио:

https://youtu.be/dyFVwXROzZk

#react

Как фронтендеру стать мобильным разработчиком?

Существует мнение, что фронтенд-разработчик, который умеет писать на React, может создать простое Android-приложение.

Герой статьи сравнил концепции и функции в Jetpack Compose и React, чтобы выяснить, насколько они отличаются:

https://habr.com/ru/company/samokat_tech/blog/707038/

#react #frontend

​Создаём приложение для чата с помощью ReactJS и Firebase

Небольшое приложение со входом в аккаунт через учётную запись Google с помощью Firebase Authentication (SDK). Это инструмент Firebase, который поддерживает различные методы аутентификации, такие как пароли, номера телефонов, Google, Facebook, Twitter, GitHub и другие.

Все сообщения из чата пользователя хранятся в облаке Firestore. Cloud Firestore сохраняет данные в документах в виде пар ключ-значение.

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

https://www.freecodecamp.org/news/building-a-real-time-chat-app-with-reactjs-and-firebase/

#react

React: проблемы, с которыми часто сталкиваются разработчики

Герой статьи подробно разобрал самые распространённые ошибки, с которыми сталкиваются не только начинающие, но и опытные разработчики, а именно:

1. Проблема передачи допустимого ключа массивам элементов.
2. Рендеринг и мутирование состояния.
3. Порядок компонентов и их оптимизация.

Причины и способы решения этих проблем — в статье:

https://nuancesprog.ru/p/16664/

#react