Youtube уроки на русском языке по:
- Javascript
- react
- redux
- redux-loop
- react-router
- ES6
- ramda Практикуется парное программирование, либо очень подробное объяснение реализации конкретных компонентов на примере.
В этом уроке мы делаем простые компоненты в codepen отображающие списки и имеющие кнопку Next для переключения страницы. Рассматриваем props, state в реакте. Также используем redux хранилища и reducer.
https://codepen.io/Imater/pen/NNyBYa - результат урока
Уровень сложности этого урока довольно высокий, в следующих уроках рассматриваются более простые термины. PS: Громкость выкручивайте на максимум, звук этого урока очень тихий.
В этом уроке мы более подробно рассматриваем пример прошлого урока и я отвечаю на вопросы новичка, разжёвывая более подробно работу redux. Рассказываю, что такое диспетчер, экшены, зачем нужен type. Делаем для этого примера кнопку "Prev" и "Открыть" (которая разворачивает список, используя state). Меняем цвета в списке при клике в пункт, т.е. добавляем несколько action.
Изучается тот же пример: https://codepen.io/Imater/pen/NNyBYa
PS: Громкость выкручивайте на максимум, звук этого урока очень тихий. Собеседника не слышно, но это и не требуется.
Снизили градус уровня знаний и начинаем объяснять Javascript с самых основ, в том числе ES6. Пишем компонент имеющий props и state, без redux хранилищ. Рассказываем о компонентах. Учим передавать свойства (props) между компонентами. Изучили что такое объекты.
https://codepen.io/Imater/pen/NNBdXW - результат урока
Изучаем что такое функции. Делаем простые компоненты, передаём props. Начинаем использовать state (состояние компонента). По кнопке меняем state и панель открывается/закрывается. Изучаем короткую запись функций. Пробуем использовать её как анонимную arrow функцию, как функцию класса, как функцию инстанса класса. Изучаем как использовать bind для передачи контекста this в функции. Изучаем как передавать аргументы в функцию. Как можно функцию вынести вообще за компонент.
https://codepen.io/Imater/pen/WwgEjG - результат урока
