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


Использование библиотеки чистого JavaScript в React: использование информации из библиотеки для повторного рендеринга…
Довольно распространенная тема в моих статьях - это правильный способ использования состояний и / или состояний. Непосредственное мутирование состояния - это большой запрет. Если мы изменим состояние без создания нового объекта, мы можем потерять функциональность и вызвать странное поведение. Итак, что, если мы хотим использовать чистую библиотеку JavaScript в нашем приложении React? Чистый JavaScript не использует состояние. Итак, как мы можем использовать библиотеку, получать..

Стражи маршрута в React
Внедрите авторизацию как профессионал в свой проект React. React - безусловно, самый популярный фреймворк JavaScript за последнее время. Но если вы работали с React в любом масштабе или в своем хобби-проекте, у него не так много встроенных функций, которые могут быть как хорошими, так и плохими. Проблемное пространство Безопасность - большая проблема для большого количества компаний. Авторизация и аутентификация обязательны для всех реальных проектов. А Route Guard помогает нам..

Соглашение об именах компонентов инжектора
Что такое «компонент инжектора»? Компонент инжектора принимает реквизиты, необязательно вычисляет новые, а затем внедряет их в свой дочерний элемент через React.cloneElement() . Важно отметить, что он также не добавляет никаких новых компонентов в DOM. Он существует только в виртуальной DOM React. Когда можно использовать компоненты инжектора? В структуре прототипирования, созвездии , мы используем МНОГО компонентов инжектора, чтобы абстрагироваться от логики и красиво отделить..

Декораторы — ваши друзья
Как я упростил компоненты высшего порядка. Наследство мертво. МВК мертв. Компоненты для всего - это путь. Большие, преимущественно боковые деревья объектов — это будущее, и на то есть веские причины. Функциональная композиция уступает понятному синтаксису класса. Итак, при всем при этом, как нам поддерживать композицию, которая так необходима для привязки поведения к точке нашего дерева просмотра? Существует несколько различных способов обработки ввода данных в представление...

Способ изучить React
TL; DR; Эта статья не предназначена для того, чтобы «научить вас реагировать за 5 минут», вместо этого она дает удочку, а не рыбу. Так что приготовьте свое терпение и сосредоточенность, это вам понадобится. Начало Итак, с чего начать? Это один из самых болезненных вопросов для меня, когда я пытаюсь изучить новый фреймворк. Что ж, вы можете прочитать всю документацию, попробовать все примеры, отшлифовать свое «приложение TODO», но, в конце концов, может не хватить понимания того,..

Как создать документацию JSDoc для проекта TypeScript React
Во-первых, игнорируйте папку docs, если вы не хотите, чтобы документы находились в репозитории, добавив: /docs to .gitignore file 2. Создайте файл jsdoc.conf.json со следующим содержимым: { "tags": { "allowUnknownTags": true, "dictionaries": ["jsdoc", "closure"] }, "source": { "include": ["src"], "includePattern": "\\.(jsx|js|ts|tsx)$",..

Стоит ли использовать Web Workers? (подсказка: вероятно, нет)
Итак, веб-воркеры. Эти замечательные маленькие существа, которые позволяют нам выполнять JavaScript вне основного потока. Также известен как «нет, вы думаете о работниках сферы обслуживания». Прежде чем я перейду к сути статьи, присядьте, чтобы получить урок о том, как работают компьютеры: Понял? Хороший. Что касается красно-зеленых дальтоников, позвольте мне объяснить. Пока ЦП выполняет одно действие, он не может выполнять другое, а это означает, что вы не можете..