Дао React - проектирование, архитектура программного обеспечения & Лучшие практики (20 минут чтения) В этой статье рассматриваются лучшие практики по структуре и дизайну React-приложений, а также общие правила построения продуктивной кодовой базы. Рассматриваются различные аспекты, включая компоненты, управление состояниями, структуру приложения, производительность, тестирование, стилистику и получение данных. подробнее→ https://alexkondov.com/tao-of-react/
Alexkondov
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
Создайте анимированное меню, такое как Stripe, с помощью React, Tailwind и AI.
https://www.builder.io/blog/stripe-menus
https://www.builder.io/blog/stripe-menus
Builder.io
Make an Animated Menu like Stripe with React, Tailwind, and AI
Learn how to leverage AI to convert Figma mockups into React components, and then plug in the interactivity to make a morphine animation like seen on Stripe.com
Полное руководство по WebSockets с React
На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о WebSockets с React
https://ably.com/blog/websockets-react-tutorial
На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о WebSockets с React
https://ably.com/blog/websockets-react-tutorial
Ably Realtime
The complete guide to WebSockets with React
Discover everything you need to know about using WebSockets with React, including how to build a smooth realtime cursor experience from scratch.
Как писать вспомогательные функции в React
Вспомогательные функции в React.js — ваши верные помощники, играющие решающую роль в упрощении сложных задач. Когда эти функции хорошо структурированы, они облегчают чтение, поддержку и повторное использование вашего кода. https://www.freecodecamp.org/news/helper-functions-in-react
Вспомогательные функции в React.js — ваши верные помощники, играющие решающую роль в упрощении сложных задач. Когда эти функции хорошо структурированы, они облегчают чтение, поддержку и повторное использование вашего кода. https://www.freecodecamp.org/news/helper-functions-in-react
freeCodeCamp.org
How to Write Helper Functions in React
Helper functions in React.js are like your trusty assistants, and they play a crucial role in simplifying complex tasks. When these functions are well-structured, they make your code easier to read, maintain, and reuse. In this article, we'll explor...
Keep React — библиотека компонентов пользовательского интерфейса с открытым исходным кодом, тщательно разработанная с помощью React и доведенная до совершенства с использованием Tailwind CSS. Руководствуемся принципами Keep Design System. https://react.keepdesign.io/
react.keepdesign.io
Keep React - Supercharge Your Web Development
Explore our library of 40+ open-source React UI components and interactive elements, empowering you to create stunning web projects effortlessly.
Почему вам нужен React-Query
Узнайте, почему React Query необходим для управления асинхронным состоянием в приложениях React.
https://tkdodo.eu/blog/why-you-want-react-query
Узнайте, почему React Query необходим для управления асинхронным состоянием в приложениях React.
https://tkdodo.eu/blog/why-you-want-react-query
tkdodo.eu
Why You Want React Query
Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...
Как создать анимированное гамбургер-меню в React
Если вы хотите добавить в свои приложения React безупречную анимацию, Framer Motion — это инструмент для этой работы.
В этом уроке я покажу вам, как создать полностью анимированное мобильное меню с помощью Framer Motion в React. https://www.freecodecamp.org/news/how-to-create-an-animated-hamburger-menu-in-react
Если вы хотите добавить в свои приложения React безупречную анимацию, Framer Motion — это инструмент для этой работы.
В этом уроке я покажу вам, как создать полностью анимированное мобильное меню с помощью Framer Motion в React. https://www.freecodecamp.org/news/how-to-create-an-animated-hamburger-menu-in-react
freeCodeCamp.org
How to Create an Animated Hamburger Menu in React
By Yazdun Fadali If you're looking to add some polished animations to your React apps, Framer Motion is the tool for the job. In this tutorial, I'll walk you through creating a fully animated mobile menu using Framer Motion in React. What Are We Goi...
Демистификация React с использованием Callback Hook
В этой статье дается подробное объяснение хука useCallback в React. useCallback помогает избежать ненужных повторных рендеров за счет мемоизации функций обратного вызова, обеспечивая их воссоздание только в случае необходимости. На примерах кода в статье объясняется мемоизация - ключевая концепция useCallback, а также React.memo, компонент, используемый для мемоизации целых компонентов React. https://semaphoreci.com/blog/react-usecallback-hook
В этой статье дается подробное объяснение хука useCallback в React. useCallback помогает избежать ненужных повторных рендеров за счет мемоизации функций обратного вызова, обеспечивая их воссоздание только в случае необходимости. На примерах кода в статье объясняется мемоизация - ключевая концепция useCallback, а также React.memo, компонент, используемый для мемоизации целых компонентов React. https://semaphoreci.com/blog/react-usecallback-hook
Semaphore
A React useCallback Hook Primer
In this article, we explore the key concepts related to useCallback, including its purpose, usage, benefits, and best practices.
Оптимизация производительности в приложениях React
Улучшите скорость вашего приложения React: лучшие практики по оптимизации производительности
https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications
Улучшите скорость вашего приложения React: лучшие практики по оптимизации производительности
https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications
TropicolX's Blog
Optimizing Performance in React Applications
Improve Your React App's Speed: Best Practices for Performance Optimization
Как использовать React Suspense для улучшения ваших проектов React
Экосистема React постоянно растет, и кажется, что всегда появляются новые функции и улучшения, делающие разработку более эффективной и удобной для пользователя.
React Suspense — одна из таких функций, которая стала довольно популярной среди разработчиков React.
В этом руководстве вы узнаете все о React Suspense и изучите его функции, варианты использования и потенциал для преобразования ваших веб-приложений. https://www.freecodecamp.org/news/react-suspense
Экосистема React постоянно растет, и кажется, что всегда появляются новые функции и улучшения, делающие разработку более эффективной и удобной для пользователя.
React Suspense — одна из таких функций, которая стала довольно популярной среди разработчиков React.
В этом руководстве вы узнаете все о React Suspense и изучите его функции, варианты использования и потенциал для преобразования ваших веб-приложений. https://www.freecodecamp.org/news/react-suspense
freeCodeCamp.org
How to Use React Suspense to Improve your React Projects
React's ecosystem is always growing, and it seems like there are always new features and enhancements to make development more effective and user-friendly. React Suspense is one such feature that has become quite popular among React devs. In this gui...
Я собрал лучшие компоненты React, которые вы можете использовать для создания мощного веб-приложения.
https://dev.to/copilotkit/reacts-giving-11-react-components-for-aspiring-pros-eck
https://dev.to/copilotkit/reacts-giving-11-react-components-for-aspiring-pros-eck
DEV Community
🦃 Reacts-giving: 11 react components for aspiring pros 👩🏻🌾🍁
TL;DR I have harvested the finest React components you can use to build a powerful web...
Как создавать лучшие компоненты React в 2024 году?
https://blog.bitsrc.io/how-to-build-better-react-components-in-2024-2d930b1f30b1
https://blog.bitsrc.io/how-to-build-better-react-components-in-2024-2d930b1f30b1
Medium
How To Build Better React Components in 2024?
4 Patterns for Extensible and Reusable React Components
Как создать модульную библиотеку React?
Узнайте, как создать модульную библиотеку React с помощью Storybook и Bit.
https://blog.bitsrc.io/how-to-create-a-modular-react-library-6c6e919ff92c
Узнайте, как создать модульную библиотеку React с помощью Storybook и Bit.
https://blog.bitsrc.io/how-to-create-a-modular-react-library-6c6e919ff92c
Medium
How To Create A Modular React Library?
Learn how to build a modular React library using Storybook and Bit
Как создать анимацию прокрутки с помощью React, Tailwind CSS и Framer Motion
Библиотека Framer Motion упрощает интеграцию анимации в ваши приложения React. С помощью нескольких строк кода вы можете решить задачу, которая может показаться сложной. https://www.freecodecamp.org/news/create-scroll-animations-with-framer-motion-and-react
Библиотека Framer Motion упрощает интеграцию анимации в ваши приложения React. С помощью нескольких строк кода вы можете решить задачу, которая может показаться сложной. https://www.freecodecamp.org/news/create-scroll-animations-with-framer-motion-and-react
freeCodeCamp.org
How to Create Scroll Animations with React, Tailwind CSS, and Framer Motion
By Manu Arora Scroll-based animations are triggered when a user scrolls on a webpage. Recently, I built a Scroll Animation with Framer Motion that moves grids in uneven directions. This project prompted me to write a tutorial about how I did that her...
Использование шаблона проектирования прокси с React
Изучите использование шаблона проектирования прокси в среде React.
https://blog.bitsrc.io/proxy-design-pattern-with-react-c0b465980fbf
Изучите использование шаблона проектирования прокси в среде React.
https://blog.bitsrc.io/proxy-design-pattern-with-react-c0b465980fbf
Medium
Using The Proxy Design Pattern with React
Explore the usage of the Proxy Design Pattern in a React environment