Антон Иноземцев
Был на сайте: 02.06.2024 22:03

Антон Иноземцев antoninozemsev

Паспорт не верифицирован
2 481
Добавить в закладки

React-Pizza 

  • 3
  • Опубликовано: 2024-01-19
Полноценное фронтенд-приложение на ReactJS.
Компоненты, страницы, сортировку, поиск, пагинацию, фильтрацию, popup-окна и т.д.
Взаимодействие с серверной частью, отправка запросов на бэкенд.
Разработка навигации по страницам без перезагрузки.
Создание глобального хранилища данных для всего приложения.
Работа с LocalStorage для хранения настроек сайта.
Lazy Loading (ленивая подгрузка) + debounce (оптимизация для поиска пицц).
Оптимизация перерисовок/ререндеров компонентов, code splitting (разделение кода на отдельные JS-файлы), работа с tree shaking и сокращение импортов компонентов.
Создание адаптивной вёрстки.
И многое другое.

Технологии:
ReactJS 18
TypeScript
Redux Toolkit (хранение данных / пицц)
React Router v6 (навигация)
Axios + Fetch (отправка запроса на бэкенд)
React Hooks (хуки)
Prettier (форматирование кода)
CSS-Modules / SCSS (стилизация)
React Content Loader (скелетон)
React Pagination (пагинация)
Lodash.Debounce
Code Splitting, React Loadable, useWhyDidYouUpdate

Пример реализации

hammod-m.github.io/react-pizza/
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Пожаловаться
Другие работы автора:
Charisma - стоматологическая клиника

Charisma - стоматологическая клиника Харизма — Божий дар. Она даётся при рождении и видна издалека даже под покровом медицинской маски. Харизма таится и в Вас — позвольте Нам раскрыть её Мы выбрали оранжевый цвет, чтобы Вы вспоминали южное солнце, уютный осенний вечер и аромат мандарин…

ID Analytics

ID Analytics Точный и подробный анализ продаж на маркетплейсах Все необходимые данные по Wildberries и Ozon

РЕМОНТ ДВИГАТЕЛЕЙ BMW

РЕМОНТ ДВИГАТЕЛЕЙ BMW Мы предлагаем вам услуги по ремонту и обслуживанию автомобилей BMW.

React-Users

React-Users Список гостей (пользователей) Работа с хуком useEffect Отправка запроса на бэкенд с помощью fetch и рендер этих данных Скелетон с помощью библиотеки react-content-loader Поиск пользователей Рендер списка пользователей Spread-оператор Добавление/удале…

React-Quiz

React-Quiz Quiz (опросник) Поэтапный рендер контента Прогрессбар Передача пропсов для рендера результата опроса

Телеграмм бот

Телеграмм бот Телеграмм бот Аукцион.

Сайт для логистической компании

Сайт для логистической компании Разработан сайт компании Сделано: - Разработка - Настройка домен и почты - SEO - Оптимизация - Деплой - Обслуживание в течении года - Отправка заявок в телеграм бот

Дизайн и разработка

Дизайн и разработка Дизайн и разработка Вёрстка html5+css3+js+(React)+Nodejs