На этой неделе мы узнали о маршрутах и защищенных маршрутах в React. По сути, маршруты позволяют настроить несколько страниц в одностраничном приложении, таком как React. Таким образом, мы можем контролировать URL-адрес и отправлять определенный файл в зависимости от URL-адреса. Мы также можем использовать защищенные маршруты для защиты нашего приложения. И мы можем установить cookie, чтобы пользователь оставался в системе.
Подъем в JavaScript — это когда объявления переменных и функций перемещаются в верхнюю часть своей области видимости перед выполнением кода. Это означает, что переменную можно использовать до того, как она будет объявлена. Есть исключение. Переменные и константы, объявленные с помощью let/const, не поднимаются. Они используют нечто, называемое блочной областью видимости. Подробнее здесь.
В React setState() является асинхронным, поскольку изменяет состояние и вызывает повторный рендеринг. Это может занять много времени и ресурсов, что приведет к зависанию браузера, если он был синхронным. Это также пакетно, чтобы улучшить производительность.
Виртуальный DOM в React более эффективен, чем грязная проверка, по нескольким причинам. Каждый компонент в React имеет состояние, и благодаря этому React знает, когда данные изменились и когда нужно повторно отобразить компонент. При грязной проверке вы должны проверять данные через равные промежутки времени и рекурсивно проверять все значения в структуре данных. Виртуальный DOM React фокусируется на том, что требует обновления в DOM.
PureComponent очень похож на Component. За исключением того, что PureComponent обрабатывает метод shouldComponentUpdate за вас. PureComponent выполнит поверхностное сравнение предыдущих реквизитов и состояния со следующим. Вы можете использовать PureComponent для повышения производительности, потому что он не выполняет повторный рендеринг, пока не изменятся его реквизиты и состояние.
Компонент более высокого порядка — это продвинутая техника в React для повторного использования логики компонента. Он принимает компонент и возвращает новый компонент. Это полезно для больших приложений. На что следует обратить внимание, так это на то, чтобы не использовать компоненты более высокого порядка в методе рендеринга.
checkAuth() можно использовать для проверки электронной почты и пароля пользователя. Один из способов сделать это — установить файл cookie в приложении. Затем это будет сохранено на компьютере пользователя, и мы проверим его, когда они посетят наше приложение. Если им нужно войти в систему, мы можем настроить защищенный маршрут, чтобы они сначала вошли в систему и проверили, авторизованы ли они для входа, а затем пропустили их через защищенный маршрут.
