TGViewer
Channel Public Channel
REact

REact

@react_prog

Статьи, уроки, инструменты и все что связано с reactjs.

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

По иным темам @un_ixtime
Subscribers
1.57K
Photos
249
Videos
2
Links
1K

Showing posts older than #772 · Back to latest

Older Posts 20 shown
Post #771 707
3+1 распространенные ошибки React, которые приводят к ненужным повторным рендерам

Хотя мы часто используем синтаксис функций и компонентов в наших ежедневных процедурах кодирования, полностью ли мы осознаем, как они манипулируют DOM и сколько раз они повторно рендерятся? Давайте погрузимся в эффективное использование функций запоминания, среди других методов.

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

https://medium.com/@rickmint/3-1-react-common-mistakes-that-triggers-unnecessary-re-renders-72d1e993d7bf
Post #770 705
Сила виртуального DOM в React: подробное объяснение


В этой статье мы обсудим виртуальный DOM и то, как он работает. Но чтобы понять виртуальный DOM, во-первых, мы должны знать, как страница отображается в браузере.

https://www.syncfusion.com/blogs/post/react-virtual-dom.aspx
Post #769 700
Я хотел поделиться с вами некоторыми мыслями о классной библиотеке под названием Preact. Основная цель этой статьи — дать вам дружественное введение в Preact, которое может оказаться полезным, если вы уже знакомы с React.

https://hackernoon.com/why-react-developers-love-preact
Hackernoon React Developers Love Preact, Here's Why Discover the power of Preact, a lightweight alternative to React, and unlock a new level of performance for your web applications.
Post #767 726
Телепортация в React: позиционирование, контекст стекирования и порталы

Изучаем, как работает позиционирование CSS, что такое Stacking Context, как избежать переполнения: скрытого с помощью CSS, почему мы не можем делать все с помощью CSS и нуждаемся в порталах, как работают порталы.

https://www.developerway.com/posts/positioning-and-portals-in-react
Developer Way Teleportation in React: Positioning, Stacking Context, and Portals How CSS positioning works, what is Stacking Context, how to escape overflow:hidden with CSS, why we can't do everything with CSS and need Portals, how Portals work
Post #766 776
Как повторно использовать и делиться компонентами React в 2023 году: пошаговое руководство

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

https://itnext.io/how-to-reuse-and-share-react-components-in-2023-a-step-by-step-guide-85642e543afa
Medium How to Reuse and Share React Components in 2023: A Step-by-Step Guide Learn how easy code sharing and collaboration can be, with Bit’s intuitive approach to reusable React components.
Post #765 810
Создание фильтра поиска в реальном времени в React: пошаговое руководство

1. Введение
2. Требования
3. Шаг 1. Настройка проекта
4. Шаг 2. Создание входных данных
5. Шаг 3. Визуализация списка элементов
6. Шаг 4. Создание функции фильтрации
7. Шаг 5. Получение элементов из API и их фильтрация
8. Шаг 6: Небольшой рефакторинг (Бонус)
8.1. Компонент ItemList
8.2. Входной компонент
8.3. Вызов API
9. Заключение

https://dev.to/alais29/building-a-real-time-search-filter-in-react-a-step-by-step-guide-3lmm
DEV Community Building a Real-Time Search Filter in React: A Step-by-Step Guide Table of Contents 1. Introduction 2. Requirements 3. Step 1: Setting Up the Project 4....
Post #763 701
Лучший путь обучения React с серверными компонентами

Мне всегда нравилось делиться своими знаниями. Когда я люблю язык, библиотеку или фреймворк, я больше, чем исследую каждую мельчайшую деталь, я думаю о том, как я могу помочь людям изучить их и полюбить их так же сильно, как и я. https://scastiel.dev/better-learning-path-react
scastiel.dev A better learning path for React with server components What if we took advantage of React Server Components not only to improve how we use React, but also how we help people learn it from the beginning?
Post #761 679
React: как сделать динамический суффикс в , который будет двигаться вместе с набранным текстом.

В этой статье вы узнаете как с помощью react можно сделать input с двигающимся суффиксом, который идет сразу после значения ввода

Читать далее https://habr.com/ru/articles/743768/
Хабр React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом Задача Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом. Условия Cуффикс не должен подмешиваться к самому...
Post #759 744
Оптимизация производительности React — демистификация мемоизации

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

В этом блоге мы сосредоточимся на том, как запоминание компонентов и правильное разделение кода помогают вам выжать максимум из вашего приложения. https://www.bigbinary.com/blog/react-performance-optimization-memoization-demystified
BigBinary React performance optimization - memoization demystified Learn how to optimize the performance of React applications using memoization techniques.
Post #758 673
Ускорьте Разработку React С Помощью Refine

Фреймворк Refine на основе React может помочь вам быстрее создавать веб-приложения с интенсивным использованием данных, предоставляя множество функций, которые вам наверняка понадобятся, и эта статья покажет вам, как воспользоваться ими. https://blog.openreplay.com/speed-up-react-development-with-refine/
Post #757 662
5 библиотек React для повышения уровня ваших проектов в 2023 году

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

https://livecycle.io/blogs/react-libraries/
Post #756 683
Пять Лучших Облегченных Библиотек Управления Состоянием Для React

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

https://blog.openreplay.com/top-five-lightweight-state-management-libraries-for-react/
Openreplay Top Five Lightweight State Management Libraries for React Pick the best option for state management for React
Post #755 672
Post #754 718
Vercel AI SDK
Vercel AI SDK — это библиотека с открытым исходным кодом , предназначенная для помощи разработчикам в создании диалоговых, потоковых и чатовых пользовательских интерфейсов на JavaScript и TypeScript. SDK поддерживает React/Next.js, Svelte/SvelteKit, а вскоре появится поддержка Nuxt/Vue. https://vercel.com/blog/introducing-the-vercel-ai-sdk
Vercel Introducing the Vercel AI SDK: npm i ai An interoperable, streaming-enabled, edge-ready software development kit for AI apps built with React and Svelte.
Post #753 1.23K
Zedux: Это тот самый?

Zedux - это движок молекулярного состояния для React. После многих лет, проведенных в качестве проприетарного программного обеспечения, спрятанного в закрытом репозитории GitHub, он официально открыт и выпущена версия 1.0.0! https://omnistac.github.io/zedux/blog/zedux-is-this-the-one
Post #752 712
Как улучшить свои навыки работы с React с помощью трех полезных инструментов

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

Визуальное руководство по новому маршрутизатору приложений в Next.js 13

Маршрутизация играет решающую роль в мире веб-разработки, обеспечивая плавную навигацию между различными страницами или представлениями в приложении. В этом сообщении блога мы рассмотрим возможности маршрутизации Next.js, уделяя особое внимание маршрутизатору приложений, представленному в версии 13. https://www.builder.io/blog/next-13-app-router
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →