DevGang
Авторизоваться

Как создавать публичные и частные маршруты с помощью React Router 

Шаги по написанию публичных и частных маршрутов в приложении React с использованием React Router

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

Создайте фитнес-трекер с React и Firebase 

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

Эта статья позволит вам самостоятельно создавать полнофункциональные приложения с React и Firebase. Если вы знаете основы React, все готово. В противном случае я бы посоветовал в первую очередь заняться ими.

Основы внутреннего устройства React

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

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

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

React 17 асинхронно запускает функции очистки useEffect 

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

Медленно и стабильно: преобразование всего интерфейса Sentry в TypeScript 

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

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

Избегайте ненужных сетевых запросов с помощью Apollo Client

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

Начинаем

Как загрузить правильные данные на стороне сервера с помощью React и Redux

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

MobX State Tree (MST) - Управление состоянием 

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

React + Firebase: простой провайдер аутентификации на основе контекста 

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

Дополнительные улучшения сборки, Angular 12, распределенное выполнение задач и многое другое в Nx 12.3!

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

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

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

Присоединяйся в тусовку

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

Попробовать

В подарок 100$ на счет при регистрации

Получить