Привет, разработчики! Все используют различные библиотеки управления состоянием в своем приложении, многие из нас уже используют 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.

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

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

Ранее мы говорили о настройке простого текстового редактора SlateJS. Теперь мы собираемся добавить в наш текстовый редактор две новые функции - вставку изображения и ссылки.

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

Четкие и лаконичные заголовки страниц помогают пользователям с ограниченными возможностями понять содержание и общую цель веб-страницы. Заголовки определяют текущее местоположение, не требуя от пользователей чтения или интерпретации содержимого страницы. Без заголовков пользователи с ограниченными возможностями могут либо потерять из виду страницу, на которой они сейчас находятся, либо не понять цель страницы.

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