REact

Как использовать компоненты высшего порядка в React

Компоненты высшего порядка (HOC) — мощная функция библиотеки React. Они позволяют повторно использовать логику компонента в нескольких компонентах. https://www.freecodecamp.org/news/higher-order-components-in-react/

Библиотека React для быстрого создания информационных панелей

Tremor позволяет создавать простые и модульные компоненты для быстрого создания информативных информационных панелей. Полностью с открытым исходным кодом, созданный специалистами по данным и инженерами-программистами, которые хорошо разбираются в дизайне. https://www.tremor.so/

Все что необходимо знать про key в React и даже больше.

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

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

Создание Простых Пользовательских Модальных Окон С Помощью React

Модальные элементы — это части приложения, которые отображаются в виде наложения на веб-странице и отображают дополнительную информацию, запрашивают ввод данных пользователем или выполняют определенные действия. Прочитав эту статью, вы узнаете, как использовать React для создания настраиваемого компонента многократного использования, который вы можете добавить в свою библиотеку компонентов. https://blog.openreplay.com/creating-easy-custom-modals-with-react/

Как добавить уведомления о публикациях в реальном времени в ваши приложения React

Вы должны знать React и Firebase, чтобы приступить к вещам, описанным ниже.

Однако это также может быть реализовано в других базах данных, таких как SQL или NoSQL. https://www.freecodecamp.org/news/how-to-add-post-notifications-to-your-react-applications/

[Перевод] Ускорить таблицу на React в 1 000 раз, изменив лишь одну строку.

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами переводом его статьи.

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

Вы когда-нибудь хотели создать свою собственную диаграмму для Интернета?

Эта галерея, основанная на сотнях примеров графиков, знакомит вас с основными концепциями визуализации данных с помощью React и D3.js. Он также предоставляет готовые к использованию шаблоны для более быстрого начала работы.

Прекратите использовать готовые компоненты для визуализации данных → единственным ограничением вашего творчества станет воображение .

https://www.react-graph-gallery.com/

Как React 18 улучшает производительность приложения.

React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.

Начнем с повторения основ "долгих (долго выполняющихся) задач" (long tasks) и соответствующих метрик производительности.

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

Prismane / Создавайте отличные приложения, сверхбыстро 107+ React компонентов 484+ готовых тем 20+ хуков React https://www.prismane.io/

Как React 18 повышает производительность приложений

https://vercel.com/blog/how-react-18-improves-application-performance

Как загрузить файл в React

Мы расскажем, как загрузить один файл, загрузить несколько файлов и посмотрим, как вы можете использовать стороннюю библиотеку, которая сделает всю тяжелую работу за вас. Но сначала давайте погрузимся в загрузку одного файла в React с помощью fetch. https://pragmaticpineapple.com/how-to-upload-file-in-react/

5 самых известных угроз безопасности React и способы их решения

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

https://medium.com/@rickmint/5-most-famous-react-security-threats-and-how-to-solve-them-%EF%B8%8F-79871e774f7f

Осваивайте принципы SOLID как свои пять пальцев всего за 8 минут!

В этом блоге я продемонстрирую реализацию принципов SOLID в приложении React. К концу этой статьи вы полностью усвоите принципы SOLID. https://hackernoon.com/mastering-solid-principles-like-the-back-of-your-hand-in-just-8-minutes?source=rss

Справочник по TypeScript для разработчиков React — Как создать приложение Todo с типобезопасностью

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

Я собираюсь рассказать обо всем, что вам нужно знать, чтобы начать работу с TypeScript в качестве разработчика React. Вы узнаете, как обрабатывать состояние и реквизиты со строгой типизацией, как создавать компоненты React с помощью TypeScript, как использовать TypeScript с React Hooks и как использовать TypeScript с Context API.

К концу этого руководства вы будете иметь четкое представление о TypeScript и будете готовы с уверенностью разрабатывать безопасные для типов приложения React. Итак, без лишних слов приступим!

https://www.freecodecamp.org/news/typescript-tutorial-for-react-developers/