React - одна из самых популярных библиотек javascript для создания пользовательских интерфейсов. Основное преимущество React заключается в том, что при обновлении обновляются только те элементы DOM, которые необходимо обновить. Это достигается с помощью виртуальной модели DOM, которая является не чем иным, как внутренним представлением нашего пользовательского интерфейса.

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

Начнем с основ.

React выполняет очистку при отключении компонента. Хук useEffect построен таким образом, что, если мы возвращаем функцию в рамках метода, он запускается на выполнение, когда компонент демонтируется.

Недавно Sentry преобразовала 100% своей клиентской базы кода React с JavaScript на TypeScript. В этом году работа охватила более десятка членов команды инженеров, 1100 файлов и 95 000 строк кода.

В этом сообщении блога мы делимся своим процессом, методами, проблемами и, в конечном итоге, тем, что мы узнали на этом пути.

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

Начинаем

В тот момент, когда вы окунетесь в мир серверного рендеринга, все может быстро усложниться. Особенно в больших приложениях, которые содержат много вложенных компонентов и вызовов API, и каждый из них вызывается и отображается в браузере только тогда, когда это необходимо. Мы обязательно хотим предварительно загрузить данные, необходимые для отображения заголовка на этом веб-сайте. Но всегда ли мне нужно предварительно загружать данные с нашей домашней страницы? Вы могли найти это сообщение в блоге на Google.com и, возможно, никогда не посетить нашу домашнюю страницу или все другие наши сообщения в блогах сегодня. А как насчет вложенного компонента в этой статье, при каких условиях мы предварительно загружаем его данные? Давайте ответим на эти вопросы.

Привет, разработчики! Все используют различные библиотеки управления состоянием в своем приложении, многие из нас уже используют Redux, Redux Saga, Redux Rematch. Сегодня мы рассмотрим MobX, самую популярную альтернативу Redux. MobX State Tree (MST) - это мощная библиотека управления состоянием, которую вы можете использовать как в малых, так и в корпоративных приложениях, и ее очень просто подключить и запустить. Я проведу вас от базовой концепции к интеграции на уровне компонентов. Итак, продолжим.

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

Nx 12.3 включает в себя множество новых функций, в том числе инкрементные улучшения сборки, Angular 12, распределенное выполнение задач и многое другое!

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

Если вы не знакомы с ним, узнайте о Nx на страницах nx.dev/angular и nx.dev/react.

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