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

Как создать базовое CRUD-приложение с компонентами NextJS, TS, React, Redux-Tookit и MUI5

Мы узнаем, как создать приложение NextJS, которое использует redux-observable для управления побочными эффектами.

Потрясающие расширения VS Code для веб-разработки всего за 5 минут

VS Code - один из самых популярных, легких, с открытым исходным кодом и полностью настраиваемых редакторов кода, используемых миллионами разработчиков по всему миру.

React что это?

Библиотека JavaScript была разработана в Facebook в 2011 году и в настоящее время является самой популярной для создания пользовательских интерфейсов. Это также вклад с открытым исходным кодом, где вы можете поделиться своим кодом с миллионами разработчиков.

Начало работы с ReactJS: руководство для начинающих

Зададимся сначала вопросом, что же такое React?

React - это библиотека JavaScript для создания пользовательских интерфейсов. Он поддерживается Facebook и сообществом индивидуальных разработчиков и компаний. React можно использовать в качестве основы при разработке одностраничных или мобильных приложений. 

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

React — это библиотека JavaScript для создания пользовательских интерфейсов.

Как добавить поддержку нескольких языков в ReactJS

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

Создание динамических хлебных крошек в 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, быстро добавив несколько компонентов, чтобы обеспечить впечатляющее взаимодействие с пользователем. 

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

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

Попробовать

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

Получить