Вы когда-нибудь использовали Instagram? Если это так, скорее всего, вы сталкивались с Instagram Stories — функцией, которая в последние годы становится все более популярной. Как человек, который любит использовать Instagram, я нашел анимации, используемые в Instagram Stories, особенно удивительными, и решил попробовать воссоздать их самостоятельно. https://dev.to/brainiacneit/creating-stunning-3d-instagram-story-swipes-with-react-a-step-by-step-tutorial-5938

Как докеризировать приложение React

Docker — одна из самых используемых платформ в мире. С помощью Docker разработчики могут контейнеризовать свое приложение (внутреннюю или внешнюю часть), комбинируя исходный код приложения с операционной системой и библиотеками, необходимыми для запуска приложения, чтобы файл образа в контейнере можно было запускать в любой среде. Благодаря этому разработчикам не нужно придерживаться одной облачной платформы. Если какая-либо платформа поддерживает докер, то они могут легко изменить платформу при необходимости. https://dev.to/ayesh_nipun/how-to-dockerize-a-react-application-kpa

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

https://www.developerway.com/posts/fantastic-closures

❌Не передавайте реквизиты нескольким вложенным компонентам в React.

✅Вместо этого используйте библиотеки, такие как React-Query, чтобы лучше обрабатывать состояние сервера.

Лучшие примеры приложений, написанных на React.js

Разработанный сотрудником Facebook в 2011 году, React стал синонимом «создания интерактивных пользовательских интерфейсов и веб-приложений». Давайте выясним, почему он так широко распространен, наиболее распространенные случаи использования response.js и когда это не лучший вариант для процесса разработки. https://hackernoon.com/best-examples-of-apps-written-in-reactjs

❌Избегайте выборки данных с помощью useEffect.

✅Вместо этого используйте библиотеки, такие как React-Query, которые имеют мощный встроенный механизм выборки данных.

Двусторонняя привязка данных в Vanilla JavaScript без Angular или React

В этой статье мы создадим аналогичную привязку данных, но с использованием стандартного JavaScript.
https://javascript.plainenglish.io/two-way-data-binding-in-vanilla-javascript-without-angular-or-react-223ddbb1252d

Понимание серверных компонентов React

Это руководство написано в первую очередь для разработчиков, которые уже используют React и интересуются серверными компонентами React. Вам не обязательно быть экспертом по React, но, вероятно, это будет довольно запутанно, если вы только начинаете работать с React. https://www.joshwcomeau.com/react/server-components/

Визуальный редактор с открытым исходным кодом для React https://github.com/measuredco/puck

Как улучшить ваш код ReactJS — советы по читабельности и производительности кода

В этом уроке вы узнаете, как улучшить свой код React. Я поделюсь своими любимыми советами вместе с примерами кода, чтобы показать вам, как все работает. Они помогут вам писать поддерживаемый, масштабируемый и читаемый код. https://www.freecodecamp.org/news/improve-reactjs-code/

Nue — мощная альтернатива React, Vue, Next.js, Vite и Astro . Это может навсегда изменить способ разработки веб-приложений. https://nuejs.org/

Вы когда-нибудь сталкивались с ситуацией, когда вы выполняете блок кода, и пользовательский интерфейс зависает на несколько секунд? Если да, то вам наверняка нужно решение для обработки этого блока кода в фоновом режиме.

В React у нас есть простой способ выполнять такие процессы, интенсивно использующие ЦП, в фоновом режиме с помощью веб-воркеров. Прежде всего, что такое веб-работник? https://dev.to/sumankalia/web-workers-in-reactjs-4bc7

Hello-World туториал на React/Django/RabbitMQ/Websockets.

Однажды в поисках примера на React/Django я нашел на Хабре одну интересную статью. Она показалась мне полезной, и я решил дополнить пример из статьи новыми возможностями. В этом сиквеле мы добавим в веб-проект со списком студентов поддержку авторизации и real-time уведомлений на сокетах, улучшим систему Docker-сборки, оптимизируем модель очередей на RabbitMQ и немного пригладим косметику. В результате получим удобный базовый шаблон, с которого вы сможете начинать свои проекты.

Читать далее https://habr.com/ru/articles/761526

Next.js 13.5

Next.js 13.5 повышает производительность и надежность локальной разработки https://nextjs.org/blog/next-13-5

Пишем продвинутый планировщик с использованием React, Nest и NX. Часть 4: пользовательский интерфейс

Друзья, всем привет! Меня зовут Игорь Карелин, я frontend-разработчик в компании Домклик. Как вы помните из предыдущих частей (1, 2, 3), у нас уже есть функциональность для работы с планировщиком в бэкенде. Теперь нашей задачей будет создать удобный и интуитивно понятный пользовательский интерфейс, чтобы пользователи могли легко взаимодействовать с задачами.

Читать далее https://habr.com/ru/companies/domclick/articles/762514