Интеграция Axios с React Hooks

В этой статье вы увидите, как вы можете интегрировать Axios с вашим приложением React, создав собственный хук React. Вы научитесь использовать Axios, а также научитесь создавать вокруг него удобную оболочку.
https://shly.link/Wgnvt

React v18.0
React 18 теперь доступен на npm!
В этом посте мы дадим обзор того, что нового в React 18, и что это значит для будущего. https://shly.link/BfT03

Почему React 18 сломал ваше приложение
Причина, по которой ваше приложение сломалось в React 18, заключается в том, что вы используете файлы StrictMode.
https://shly.link/devhF9y

Руководство по работе с формами и полями ввода в React

https://betterprogramming.pub/a-guide-to-working-with-forms-and-input-fields-in-react-403d64aaedf3

Создайте адаптивную панель навигации с помощью React и CSS
Создание адаптивных навигационных меню для конечных пользователей вряд ли когда-либо было простым процессом. Разработчики внешнего интерфейса должны учитывать определенные параметры, такие как точки останова устройства и доступность, чтобы создать приятную навигацию. Это может стать более сложным во внешних фреймворках, таких как React, где CSS-in-JS имеет тенденцию становиться сложнее.

В этом посте вы узнаете, как создать адаптивную панель навигации с помощью CSS и React Hooks.
https://shly.link/SNK39

Использование FileReaderAPI для предварительного просмотра изображений в React
В среде браузера клиенты могут инициировать загрузку изображений, просматривая файлы с помощью inputэлемента или API перетаскивания . Затем вы можете использовать URLAPI или FileReaderAPI для чтения файлов изображений и их предварительного просмотра.

Хотя предварительный просмотр изображений с помощью URLAPI прост, использование FileReaderAPI может быть сложным. Поэтому в этой статье вы узнаете, как просматривать изображения в приложении React с помощью FileReaderAPI. Мы рассмотрим как одиночные, так и пакетные предварительные просмотры изображений. https://shly.link/4sKrV

Используйте RxJS в React
В этом посте я покажу пример RxJS в React
https://shly.link/7Sycq

Краткое руководство по React 18 и объяснение основных понятий

React 18 закладывает основу для параллельного рендеринга API, на основе которых будут построены будущие функции React. В этом выпуске основное внимание уделяется повышению производительности и обновлению механизма рендеринга.
https://shly.link/devjToh

Построение и визуализация диаграмм с помощью Nivo в React

В этом руководстве мы обсудим Nivo как решение для визуализации данных в приложениях React путем построения диаграмм и понимания того, как реализовать их в вашем приложении React. Nivo — это проект с открытым исходным кодом, набравший более 9,1 тыс. звезд на Github.
https://shly.link/yzQkR

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

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

https://shly.link/devnobC

Как сделать вызов Rest API в React
Прочитайте введение в создание вызова REST API в библиотеке React, используя фрагменты кода из примера использования приложения для блога, чтобы продемонстрировать его реализацию
https://shly.link/G6Pv1

TypeScript с нуля - полный курс и паттерны проектирования за 990 рублей!

Новый полный курс по современному TypeScript в 2022 году и ООП паттернам проектирования для создания поддерживаемых приложений от Антона Ларичева. Рейтинг ⭐ 4.9 Udemy, ⭐ 5 Stepik. В программе 144 лекции, 18 часов видео и множество упражнений: Types и interfaces, работа с классами, композиция и наследование, Generics, Mapped и Conditional Types, декораторы, модульность, порождающие, структурные и поведенческие паттерны. И что самое важное - применение паттернов и полученных знаний на заключительном проекте. Цена 990 ₽👇
https://stepik.org/z/111297

Для тех кто не из России:
https://www.udemy.com/course/typescript-full/?couponCode=915B52FE9DC0087CEECF

Разбивка на страницы и бесконечная прокрутка с React Query v3

В этом руководстве мы узнаем, как реализовать нумерацию страниц и бесконечную прокрутку с помощью React Query. Мы будем использовать Random User API , который позволяет получить до 5000 случайных пользователей либо в одном запросе, либо небольшими порциями с нумерацией страниц. В этой статье предполагается, что у вас есть базовые знания о React.

https://shly.link/AaYhc

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

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

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

https://shly.link/devnobC

Создание прогрессивного веб-приложения с помощью React 18

Прогрессивное веб-приложение — это веб-сайт, который может вести себя как нативное приложение. Это возможно благодаря дополнительным настройкам веб-приложения или веб-сайта, которые предоставляют эти возможности. Некоторые функции, на которые способен PWA, включают push-уведомления, возможность работать на Android и IOS без особой разницы, обычный значок на главном экране устройства пользователя, как в стандартном приложении, и возможность работать в автономном режиме.

https://shly.link/Msr5R

React Forms — Formik против Hook-Form против Final-Form

Цель этой статьи — сравнить наиболее часто используемые формы React с плюсами, минусами и примерами кода: Formik, React-Hook-Form и React-Final-Form.

https://shly.link/devMMFo

Разумное проектирование компонентов React

Присоединяйтесь ко мне в этом посте, и я поделюсь с вами своими мыслями о подходе к разработке компонентов. Я возьму компонент и разделю его на модульные части, объяснив, почему каждая из них существует и как они все соединяются друг с другом в конце, чтобы сформировать прочный, но гибкий и удобный в обслуживании результат.
https://shly.link/devU9js

Проект React + WebSockets — создание приложения книги заказов в реальном времени

В этом руководстве мы увидим, как создать веб-приложение Order Book, которое мы будем использовать для отображения информации о криптовалюте в реальном времени.

Мы будем использовать React с Typescript для создания пользовательского интерфейса, Redux для управления состоянием приложения и styled-components для применения стилей. И последнее, но не менее важное: мы будем использовать WebSockets для получения каналов данных.

https://shly.link/xvcH7

Как создавать более быстрые анимационные переходы в React

Добавление анимации и эффектов перехода к компонентам и элементам вашего веб-сайта может улучшить взаимодействие с пользователем, а также добавить изюминку.
https://shly.link/gVhab