1

Step 1

Подготовка к проекту

2

Step 2

Программирование

3

Step 3

Моделирование

4

Step 4

react

5

Step 5

react-router

6

Step 6

redux

1

Step 1

Подготовка к проекту

2

Step 2

Программирование

3

Step 3

Моделирование

4

Step 4

react

5

Step 5

react-router

6

Step 6

redux

16 September 2016

Goal abandoned

The author does not write in the goal 8 years 8 days

Goal author

zavx0z

Russia, Барнаул

8 years old

General

Визуализация взаимодействий React, React-router, Redux

Анализ технологического подхода к написанию фронтенда в современном мире веб-разработки и разработки мобильных приложений Android и IOS прямой дорогой указывает на необходимость изучения союза React и Redux. Для того чтоб разобраться в полной мере в концепции данных технологий я решился визуализировать схему взаимодействия реакта совместно с реакт-роутером и редуксом. Времени не так много на изучение, но как говорит пословица - "Кто долго запрягает, тот быстро едет". Надеюсь мой выбор правильный.

Итак, основная цель:

Визуализировать основы изложенные в рускоязычной литературе доступной по ссылкам:

  1. react-course-ru
  2. react-router-course-ru
  3. Redux-in-russian
  4. redux-course-ru

Ну и конечно же по официальной англоязычной документации

P.S. Буду премного благодарен тем людям кто поддержит, раскритикует, направит... т.е. примет какое-либо участие в моей цели.

 Goal Accomplishment Criteria

Схема взаимодействия компонентов React, React-router, Redux лаконична, раскрывает в полной мере концепцию и дает направление на легкий поиск углубленных знаний в документации.

 Personal resources

Время, продукты питания, электричество в долг, 6 гигабайт интернета в подарок от бывшей жены, желание, знания, обостренное логическое мышление), опыт, целеустремленность, комп и все приблуды для него.

 Goal ecological compatibility

Потребность создания качественного массивного фронтенда в короткие сроки основываясь на хорошо структурированную логическую модель.

  1. Подготовка к проекту

    1. Подключение мониторинга затраченого времени на проект в blender и в google-chrome на smartprogress

    2. Настройка и создание сцены в blender

    3. Поиск информационных ресурсов по React, Redux.

    4. Настроить автосохранение в Blender

    5. Создать проект в PyCharm

  2. Программирование

    Для экономии времени, нужно сократить ручной труд в объемных задачах в 3D редакторе Blender до минимума. Буду писать скрипты на Python, благо я с ним знаком на практике.

    Для начала изучу концепцию по этой книге. Версия хоть и старая, но думаю, что не многое изменилось.

    Естественно официальная дока по скриптованию в Blender.

    1. понять концепцию написания скриптов для Blender

    2. настроить окна blender для удобного написания скриптов

    3. изучить API Blender

    4. изучить концепцию регулярных выражений

    5. изучить специфику использования регулярных выражений в Python

    6. скрипт для визуализации файла с содержимым

    7. скрипт для создания структуры файлов

  3. Моделирование

    1. Смоделировать прототип для файла с кодом.

    2. Визуально отобразить библиотеки js

    3. моделировать концепцию вложенности

    4. моделировать прототип связей

  4. react

    1. Для чего разделение react на react и react-dom?

  5. react-router

  6. redux

  • 1260
  • 16 September 2016, 15:54
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?