Лучшие примеры приложений, написанных на 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

Лучшие практики для защиты вашего приложения ReactJS

В этой статье рассматриваются основные передовые методы обеспечения безопасности Reactjs для улучшения приложений Reactjs. Реализуя эти меры безопасности, вы можете обеспечить целостность и защиту вашего приложения и его пользователей. Давайте рассмотрим ключевые стратегии эффективной защиты вашего приложения Reactjs. https://www.turing.com/kb/reactjs-security-best-practices

React 18: что поменялось.

React — одна из самых популярных JavaScript-библиотек для создания пользовательских интерфейсов. В её новой версии произошли значительные изменения, и сейчас я расскажу про самые важные.

React 18 теперь умеет существенно лучше работать с приложениями, содержащими большие данные. С помощью концепции виртуального DOM и нового инструмента — параллельного рендеринга — React эффективно обновляет только необходимые компоненты при изменениях, и это даёт молниеносную скорость прорисовки.

Появились такие новые возможности, как приостановка (Suspense), потоковый серверный рендеринг и автоматическое пакетирование. Это позволяет одномоментно обновлять все изменения состояний, произошедшие во время выполнения асинхронной операции. Читать дальше →https://habr.com/ru/companies/T1Holding/articles/763822

Spring Boot и React в Harmony

Разрабатывайте понятные и удобные в обслуживании бизнес-приложения на основе Spring Boot и React и делайте это быстрее с помощью платформы Hilla. https://dzone.com/articles/spring-boot-react-harmony-with-hilla

Учебное пособие по полнофункциональному проекту — создание приложения «Заметки» с использованием React и Node.js

В этом уроке мы собираемся создать полнофункциональное приложение для заметок, используя React, Node.js и PostgreSQL. https://www.freecodecamp.org/news/full-stack-project-tutorial-create-a-notes-app-using-react-and-node-js/

Методы жизненного цикла React и хуки – руководство для начинающих

Методы жизненного цикла уже много лет являются фундаментальной частью React. Но с появлением хуков подход React к управлению состоянием и побочными эффектами в функциональных компонентах стал более интуитивным и гибким. https://www.freecodecamp.org/news/react-lifecycle-methods-and-hooks-for-beginners

Изучение компонентов сервера React и действий сервера с помощью Next.js

Серверные компоненты React (RSC) — это компоненты, которые предназначены для запуска непосредственно на сервере и динамического создания HTML, который затем отправляется клиенту. https://www.antstack.com/blog/exploring-react-server-components-and-server-actions-with-next-js/

Полнофункциональный конструктор WebPageForm, NextJs, Typescript (React), Dnd-Kit, PostgreSQL, Prisma

https://itnext.io/full-stack-webpageform-builder-nextjs-typescript-react-dnd-kit-postgresql-prisma-1c2c30061180

Создание масштабируемых и модульных веб-приложений с помощью React, Micro Frontend и Webpack Modul Federation

https://medium.com/simform-engineering/building-scalable-and-modular-web-applications-with-react-micro-frontends-and-webpack-modul-ca3c6b9b3b23