Публикации по теме 'react'


Концепция в React, которую я понял
За кулисами React использует виртуальный DOM и процесс, называемый согласованием, для эффективного обновления фактического DOM и отображения пользовательских интерфейсов. Виртуальное представление DOM : Когда компонент React визуализируется, он возвращает представление виртуального DOM пользовательского интерфейса в виде дерева элементов React. Это упрощенное представление реального DOM в памяти. пример: const VirtualDom = () => { return ( <div>..
Мой опыт работы с React Js
Недавно я закончил часть программы кодирования ROOTs, посвященную кодированию React JS. До этого я ничего об этом не знал. Я чувствую, что знание и понимание React JS станет ключевым моментом в моем пути программирования. Он познакомил меня с моей первой интерфейсной библиотекой JavaScript и показал, как с ней работать. Потребовалось некоторое время, чтобы привыкнуть, но благодаря тому, что я получил от ROOTs и его учебной программы по изучению HTML и Javascript, процесс обучения стал..
Создание Redux-подобного State Manager для React
Для тех, кто хочет пропустить статью и увидеть конечный результат, я взял то, что написал здесь, и сделал библиотеку, если она использует хуки: use-simple-state . Он не имеет никаких зависимостей (кроме как реагировать как одноранговая зависимость) и всего в 3 КБ, это довольно легкий. В последние годы объем веб-приложений резко увеличился, и по мере роста требований к нашим приложениям растет и их сложность. Чтобы упростить работу с этой дополнительной сложностью, все чаще используются..
Сравнение компонентов React Grid
Как обычно, существует множество вариантов выбора компонента React, в данном случае — компонента сетки. Этот пост является попыткой сравнить эти варианты. Ниже приведен список популярных компонентов сетки: - реактивно-виртуализированная сетка (bvaughn) — MIT [Demo]( https://bvaughn.github.io/react-virtualized/#/components/Grid ) - react-tools/react-table — MIT [Demo]( https://react-table.js.org/#/story/readme ) - react-data-grid (adazzle) — MIT [Demo](..
Учебное пособие: размещение приложения React на Heroku за 4 шага
Я знаю, что есть много материалов о том, как развернуть реагирующее приложение на Heroku, и Heroku изначально поддерживает Node.js, поэтому это похоже на прогулку по пирогу. Однако мое главное намерение при написании этой статьи состоит в том, что, используя эту и мою предыдущую статью , вы можете легко создать веб-приложение с ядром Dotnet в качестве серверной части (только API). ) с базой данных MySQL и внешним интерфейсом в виде React Js . И развернув это в Heroku , вы можете..
Система входа React и FastAPI
Вход в систему React FastAPI Введение В этом руководстве мы создадим систему входа в систему с помощью React и FastAPI Python. FastAPI — это фреймворк Python. Это высокопроизводительная платформа, которую вы можете использовать для быстрой настройки вашего серверного приложения. С другой стороны, React — это среда JavaScript, разработанная Facebook. Кроме того, если вы из тех, кто лучше учится, просматривая видео, попробуйте этот Вход в React и FastAPI Теперь давайте..
Советы по использованию React: улучшите свои навыки
Освоение React: советы инсайдеров для лучшей разработки Как разработчик React, вы, возможно, сталкивались с различными проблемами при создании повторно используемых, гибких и расширяемых компонентов. В этой статье мы рассмотрим расширенные шаблоны React, которые помогут вам преодолеть эти трудности и поднять свои навыки разработки React на новый уровень. Шаблон составных компонентов Шаблон Compound Components позволяет создавать выразительные и декларативные компоненты, избегая при..