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

Создание динамических хлебных крошек в NextJS 

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

Новый Redux просто 🔥

React Redux — это официальная привязка React для Redux. Это позволяет компонентам React считывать данные из хранилища Redux и отправлять действия в хранилище для обновления данных.

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

Отслеживание подписчиков Twitter с использованием Next.js, NextAuth и TailwindCSS 

Шаги по созданию счетчика подписчиков в Твиттере с использованием Next.js, NextAuth, SWR, Tailwind CSS с поддержкой темного режима.

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

Программная навигация с использованием React Router 

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

React — это очень популярная библиотека для фронтенд-разработки, используемая для создания высокочувствительных пользовательских интерфейсов и естественно, у нее есть собственный Router, который выполняет маршрутизацию на стороне клиента — файл react-router-dom.

В этом руководстве мы рассмотрим, как создавать маршруты в приложении React, программно перемещаться между маршрутами, а также отправлять и получать данные между ними с помощью React Router.

Получение удовольствия от создания компонентов с помощью системы дизайна Lightning для React 

Я создал приложение React, используя Lightning Design Framework для React, быстро добавив несколько компонентов, чтобы обеспечить впечатляющее взаимодействие с пользователем. 

React.memo() - ваш друг 

React.memo() - одна из тех вещей, которые должны быть частью арсенала каждого разработчика React. Она дает нам возможность запоминать компонент React. Как и в случае с любым другим инструментом, прежде чем мы углубимся в то, как использовать React.memo(), давайте сначала разберемся с проблемой.

Возможность повторного использования в React! 

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

Как добавить баннер или всплывающее окно с уведомлением на свой сайт 

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

Создание проекта на основе SaaS для журнала калорий с использованием стека MERN 🔥 

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

Что такое useState и почему мы не используем обычный let? 

В настоящее время мы все еще используем хук useState для установки переменной в компоненте React. UseState, представленный как «hooks», записывается так:

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

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

Попробовать

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

Получить