REact
1.8K subscribers
249 photos
2 videos
2 files
994 links
Статьи, уроки, инструменты и все что связано с reactjs.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Download Telegram
🔔. NET 8 - LTS, а значит с нами надолго (пока не выйдет 9)!

🔥На бесплатном вебинаре «Что нам принесет .NET 8» рассмотрим, какие новые возможности будут реализованы в новой версии дотнета, и реализуем их в новом проекте: регистрация

Нас ожидают:

— новинки в minimal api;
— performance-focused types;
— обновления криптографии;
— keyed DI services (один из последних аргументов в пользу стороннего di в вашем проекте).

Спикером выступит Антон Герасименко, тимлид и .NET Developer.

👉После вебинара вы сможете продолжить обучение на курсе по спеццене, в том числе, в рассрочку

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KUtut
Дао React - проектирование, архитектура программного обеспечения & Лучшие практики (20 минут чтения) В этой статье рассматриваются лучшие практики по структуре и дизайну React-приложений, а также общие правила построения продуктивной кодовой базы. Рассматриваются различные аспекты, включая компоненты, управление состояниями, структуру приложения, производительность, тестирование, стилистику и получение данных. подробнее→ https://alexkondov.com/tao-of-react/
Полное руководство по WebSockets с React

На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о WebSockets с React
https://ably.com/blog/websockets-react-tutorial
Как писать вспомогательные функции в React

Вспомогательные функции в React.js — ваши верные помощники, играющие решающую роль в упрощении сложных задач. Когда эти функции хорошо структурированы, они облегчают чтение, поддержку и повторное использование вашего кода. https://www.freecodecamp.org/news/helper-functions-in-react
Keep React — библиотека компонентов пользовательского интерфейса с открытым исходным кодом, тщательно разработанная с помощью React и доведенная до совершенства с использованием Tailwind CSS. Руководствуемся принципами Keep Design System. https://react.keepdesign.io/
Почему вам нужен React-Query

Узнайте, почему React Query необходим для управления асинхронным состоянием в приложениях React.

https://tkdodo.eu/blog/why-you-want-react-query
Как создать анимированное гамбургер-меню в React

Если вы хотите добавить в свои приложения React безупречную анимацию, Framer Motion — это инструмент для этой работы.

В этом уроке я покажу вам, как создать полностью анимированное мобильное меню с помощью Framer Motion в React. https://www.freecodecamp.org/news/how-to-create-an-animated-hamburger-menu-in-react
Демистификация React с использованием Callback Hook

В этой статье дается подробное объяснение хука useCallback в React. useCallback помогает избежать ненужных повторных рендеров за счет мемоизации функций обратного вызова, обеспечивая их воссоздание только в случае необходимости. На примерах кода в статье объясняется мемоизация - ключевая концепция useCallback, а также React.memo, компонент, используемый для мемоизации целых компонентов React. https://semaphoreci.com/blog/react-usecallback-hook
Оптимизация производительности в приложениях React

Улучшите скорость вашего приложения React: лучшие практики по оптимизации производительности

https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications
Как использовать React Suspense для улучшения ваших проектов React

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

React Suspense — одна из таких функций, которая стала довольно популярной среди разработчиков React.

В этом руководстве вы узнаете все о React Suspense и изучите его функции, варианты использования и потенциал для преобразования ваших веб-приложений. https://www.freecodecamp.org/news/react-suspense
Я собрал лучшие компоненты React, которые вы можете использовать для создания мощного веб-приложения.

https://dev.to/copilotkit/reacts-giving-11-react-components-for-aspiring-pros-eck
Как создать модульную библиотеку React?
Узнайте, как создать модульную библиотеку React с помощью Storybook и Bit.

https://blog.bitsrc.io/how-to-create-a-modular-react-library-6c6e919ff92c
Как создать анимацию прокрутки с помощью React, Tailwind CSS и Framer Motion

Библиотека Framer Motion упрощает интеграцию анимации в ваши приложения React. С помощью нескольких строк кода вы можете решить задачу, которая может показаться сложной. https://www.freecodecamp.org/news/create-scroll-animations-with-framer-motion-and-react