Тестовое задание на вакансию Frontend-разработчик (React)

Демо-страница: https://cerulean-crisp-ef5ba7.netlify.app/

Задание

Используя React, RTK Query, React Router DOM 6, JSON Placeholder и FSD-архитектуру сделайте простое приложение:

1. главная страница - список постов (бесконечный скролл + виртуализация)
2. каждый пост в списке - это строка: номер + заголовок + описание обрезанное "...", если не влезает + кнопка "просмотр"
3. кнопка "просмотр" ведет на отдельный роут, где отображается полная информация о посте в произвольной форме + кнопка "назад"

Использованные технологии

• React - реактивный фреймворк, основа проекта
• React-Router - роутер для react
• RTK-query - инструмент извлечения и кэширования данных
• react-virtualized - библиотека виртуализации списков React
• Vite - инструментарий автоматизации рабочих процессов внутри проекта
• Typescript - типизированный JavaScript

Установка

npm install

npm run dev