tamik / yandexevents Goto Github PK

Case:

• Открыл Экран 1
• Прокрутил страницу вниз
• Тапнул на категорию

Вариант 1:

• Открылся экран События по категории
• Жму кнопку Back
• Прокрутка (scroll) не восстановилась. Пользователю откроется верхушка главного экрана

Вариант 2:

• Проскроллил несколько экранов
• Тапаю по плитке события
• Открылся экран просмотра события
• Тап Back
• Вернулся на экран, но скролл сбросился (снова скроллить к месту, на котором ты остановился в прошлый раз)

Надо доустановить:

1. react-redux
2. babel-jest
3. react-test-renderer

Уточнить, будем ли тестировать DOM, если да:
4) enzyme
5) react-addons-test-utils

• Определиться с методом использования стилей в проекте
• Настроить компиляцию SASS, используя Webpack
• Настроить внедрение CSS в JS (CommonJS)
• Подключить плагин для оптимизации графики в Webpack

Так как было предложено реструктуризовать проект с использованием Блоков, элементов, и прочих вещей, предлагаю иную структуру проекта, которая по идее должна удовлетворить всех участников, а так же не нарушить каноны Thinking in React.

Предлагаю следующую структуру:

• actions
  • [action]
• components
  • [component]
• containers
  • [container]
• reducers
  • [reducers]
• screens
  • [screen]
• services
  • [service]
• utils*
  • [util]
• ui-components**
  • [ui-component]

• actions – actions и/или actionCreators
• components – компоненты
• containers – контейнеры (заложена та же идеология, что и в Блоках)
• reducers – редьюсеры
• screens – экраны приложения
• services – сервисы (например, сервис для общения с бекендом)
• utils – компоненты, которые будут работать с нативными средствами устройства (например, геолокация)
• ui-components – ui-компоненты (вроде все понятно)

*– спорная штука, возможно, от этого откажемся
**– в дальнейшем переедет в отдельный репозиторий

@Lunory, @cybri0nix, что думаете? – Интересно ваше мнение.