Sign in to confirm you’re not a bot
This helps protect our community. Learn more

01. ReactJS - Путь Самурая - Как смотреть данный курс?

IT-KAMASUTRA
182K subscribers
958K views 5 years ago #курс #практика #уроки
🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end/?ut... Back-end https://it-incubator.io/back-end/?utm... Поддержать меня можно на: Patreon   / itkamasutra   Boosty https://boosty.to/itkamasutra. Смотри 100-й выпуск со старта и пересматривай через каждые 5 серий (либо даже чаще):    • 100 - Теория ReactJS + Redux за 90 минут   Поддержать проект монеткой: https://social-network.samuraijs.com Платное обучение в онлайн или оффлайн инкубаторе: https://it-incubator.eu https://it-kamasutra.com А здесь бесплатная взаимопомощь: https://t.me/reactjs_samurai  …...more
...more
01. ReactJS - Путь Самурая - Как смотреть данный курс?
23KLikes
958,031Views
2020Jan 29
🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end/?ut... Back-end https://it-incubator.io/back-end/?utm... Поддержать меня можно на: Patreon   / itkamasutra   Boosty https://boosty.to/itkamasutra. Смотри 100-й выпуск со старта и пересматривай через каждые 5 серий (либо даже чаще):    • 100 - Теория ReactJS + Redux за 90 минут   Поддержать проект монеткой: https://social-network.samuraijs.com Платное обучение в онлайн или оффлайн инкубаторе: https://it-incubator.eu https://it-kamasutra.com А здесь бесплатная взаимопомощь: https://t.me/reactjs_samurai
  • Мы в соц. сетях:
https://vk.com/itkamasutra   / itkamasutra   https://telegram.me/itkamasutra
  • Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin   / it.kamasutra.dimych   #reactJS #практика #примеры #уроки #курс Удачи, друзья!

Follow along using the transcript.

IT-KAMASUTRA

182K subscribers
▶

01. ReactJS - Путь Самурая - Как смотреть данный курс?

IT-KAMASUTRA
2

02. Уроки React JS (Зачем NodeJS на фронте)

IT-KAMASUTRA
3

03. Уроки React JS (Установка NodeJS)

IT-KAMASUTRA
4

04. Уроки React JS (create-react-app)

IT-KAMASUTRA
5

05. Уроки React JS (SPA: single page application)

IT-KAMASUTRA
6

06. Уроки React JS (index.js, App, JSX)

IT-KAMASUTRA
7

07. Уроки React JS (что такое Компонента)

IT-KAMASUTRA
8

08. Уроки React JS (import\export - теория)

IT-KAMASUTRA
9

09. Уроки React JS (import export наших компонент)

IT-KAMASUTRA
10

10. Уроки React JS (default опасность плагин auto import)

IT-KAMASUTRA
11

11. Уроки React JS (соц. сеть, шаг 1, вёрстка, grid)

IT-KAMASUTRA
12

12. Уроки React JS (Разбивка на компоненты)

IT-KAMASUTRA
13

13. Уроки React JS (git-репозиторий)

IT-KAMASUTRA
14

14. Уроки React JS (css-модули, css-modules)

IT-KAMASUTRA
15

15. Уроки React JS (структура папок, новые компоненты, улучшаем css)

IT-KAMASUTRA
16

16. Уроки React JS (props - важнейшая тема) - react курсы бесплатно

IT-KAMASUTRA
17

17. Уроки React JS (остановочка "react за час, часть 1")

IT-KAMASUTRA
18

17.x Уроки React JS (инкубатор - теперь и онлайн)

IT-KAMASUTRA
19

18. Уроки React JS (страница Dialogs) - react курсы бесплатно

IT-KAMASUTRA
20

19. Уроки React JS (route, browser-router, маршрутизация) - react курсы бесплатно

IT-KAMASUTRA
21

20. Уроки React JS (NavLink) - react курсы бесплатно

IT-KAMASUTRA
22

21. Уроки React JS (Верстаем страницу Диалогов) - react курсы бесплатно

IT-KAMASUTRA
23

22. Уроки React JS (Route exact) - react курсы бесплатно

IT-KAMASUTRA
24

23. Уроки React JS (props для Диалогов) - react курсы бесплатно

IT-KAMASUTRA
25

24. Уроки React JS (UI - BLL, выносим данные в сторону) - react курсы бесплатно

IT-KAMASUTRA
26

25. Уроки React JS (метод массива - map) - react курсы бесплатно, 2019

IT-KAMASUTRA
27

26. Уроки React JS (структура проекта, ещё раз про ui - bll) - react курсы бесплатно, 2019

IT-KAMASUTRA
28

27. Уроки React JS (component vs render, прокидываем props через Route) react курсы бесплатно, 2023

IT-KAMASUTRA
29

28. Уроки React JS (выносим данные в index.js) - react курсы бесплатно, 2019

IT-KAMASUTRA
30

29. Уроки React JS (упаковываем данные в state) - react курсы бесплатно, 2019

IT-KAMASUTRA
31

30. Уроки React JS (остановочка "react за час, часть 2")

IT-KAMASUTRA
32

31. Уроки React JS - onClick, ref, VirtualDOM

IT-KAMASUTRA
33

32. Уроки React JS - прокидываем callback через props

IT-KAMASUTRA
34

33. Уроки React JS - добавление поста на стену (зачатки FLUX-концепции)

IT-KAMASUTRA
35

34. Уроки React JS - Вынос мозга (FLUX-круговорот на каждый символ)

IT-KAMASUTRA
36

35. Уроки, Курс React JS - callback, subscribe, observer

IT-KAMASUTRA
37

36. Уроки, Курс React JS - про ООП поверхностно (зачем нам объекты)

IT-KAMASUTRA
38

37. Уроки, Курс React JS - store, state, ООП, рефакторинг

IT-KAMASUTRA
39

38. Уроки, Курс React JS - dispatch и action

IT-KAMASUTRA
40

39 - Уроки, Курс React JS - action creator, action type

IT-KAMASUTRA
41

40 - React JS Практика - добавление Сообщения

IT-KAMASUTRA
42

41 - React JS Практика - reducer (почти redux)

IT-KAMASUTRA
43

42 - React JS Practice - Redux

IT-KAMASUTRA
44

43 React JS Практика - container component (контейнерная компонента)

IT-KAMASUTRA
45

44 - React JS Практика - Context API

IT-KAMASUTRA
46

45 - React JS практика - connect, mapStateToProps, mapDispatchToProps

IT-KAMASUTRA
47

46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy)

IT-KAMASUTRA
48

47 - React JS практика - Делаем копию состояния в ProfileReducer

IT-KAMASUTRA
49

48 - React JS практика - Делаем копию состояния в DialogReducer

IT-KAMASUTRA
50

49 - React JS практика - страница пользователей

IT-KAMASUTRA
51

50 - React JS практика - REST API (краткая теория)

IT-KAMASUTRA
52

51 - React JS практика - Users API

IT-KAMASUTRA
53

52 - React JS практика - Side Effect

IT-KAMASUTRA
54

53 - React JS практика - классовый компонент (extends React.Component)

IT-KAMASUTRA
55

54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount

IT-KAMASUTRA
56

55 - React JS практика - pagination, постраничный вывод пользователей

IT-KAMASUTRA
57

56 - React JS практика - Презентационная и Контейнерная компоненты

IT-KAMASUTRA
58

57 - React JS - пример Preloader, loader-gif, isFetching indication

IT-KAMASUTRA
59

58 - React JS - mapDispatchToProps лайф-хак

IT-KAMASUTRA
60

59 - React JS - profile page, ajax, api

IT-KAMASUTRA
61

60 - React JS - withRouter, props.match.params

IT-KAMASUTRA
62

61 - React JS - cookie, login в теории, auth/me

IT-KAMASUTRA
63

62 - React JS - практика, follow-unfollow api

IT-KAMASUTRA
64

63 - React JS - практика, DAL, axios.create

IT-KAMASUTRA
65

64 - React JS - практика, button disabled (follow\unfollow)

IT-KAMASUTRA
66

65 - React JS - урок redux-thunk в деталях (теория)

IT-KAMASUTRA
67

66 - React JS - урок redux-thunk в деталях (практика)

IT-KAMASUTRA
68

67 - React JS - урок redux-thunk 2 в деталях (практика)

IT-KAMASUTRA
69

68 - React JS - Redirect

IT-KAMASUTRA
70

69 - React JS - High Order Component (hoc)

IT-KAMASUTRA
71

70 - React JS - функция compose

IT-KAMASUTRA
72

71 - React JS - setState, local state

IT-KAMASUTRA
73

72 - React JS - обновляем create-react-app

IT-KAMASUTRA
74

73 - React JS - http put, local state

IT-KAMASUTRA
75

74 - React JS - componentDidUpdate

IT-KAMASUTRA
76

75 - React JS - redux-form введение (login)

IT-KAMASUTRA
77

76 - React JS - redux-form опять про базовые вещи

IT-KAMASUTRA
78

77 - React JS - redux-form field validation (валидация, ошибки). Осторожно Замыкание!

IT-KAMASUTRA
79

78 - React JS - login и logout api

IT-KAMASUTRA
80

79 - React JS - stopSubmit (redux-form)

IT-KAMASUTRA
81

80 - React JS - инициализация приложения

IT-KAMASUTRA
82

81 - React JS - селекторы (reselect part 1)

IT-KAMASUTRA
83

82 - React JS - mapStateToProps (reselect часть 2)

IT-KAMASUTRA
84

83 - React JS - подключаем reselect (reselect часть 3)

IT-KAMASUTRA
85

84 - React JS - hook, useState, хуки

IT-KAMASUTRA
86

85 - React JS - hook, useEffect, хуки

IT-KAMASUTRA
87

86 - Virtual DOM - React JS

IT-KAMASUTRA
88

87 - shouldComponentUpdate, PureComponent, memo - React JS

IT-KAMASUTRA
89

88 - pure function (чистая функция) - React JS

IT-KAMASUTRA
90

89 - Тесты, jest, tdd, тестируем reducer - React JS

IT-KAMASUTRA
91

90 - redux-ducks рефакторинг - React JS

IT-KAMASUTRA
92

91 - chrome extensions для react и redux - React JS

IT-KAMASUTRA
93

92 - тестируем компоненты, тесты, react-test-renderer - React JS

IT-KAMASUTRA
94

93 - paginator, постраничный вывод - Практика ReactJS

IT-KAMASUTRA
95

React.lazy и React.Suspense, зачем? #94 - ReactJS

IT-KAMASUTRA
96

95 - ReactJS + github pages, разворачиваем наш проект deploy

IT-KAMASUTRA
97

96 - ReactJS загрузка изображения, shouldComponentUpdate fix

IT-KAMASUTRA
98

97 - ReactJS - обновление профиля

IT-KAMASUTRA
99

98 - ReactJS - captcha

IT-KAMASUTRA
100

99 - ReactJS - try-catch, router switch, classnames

IT-KAMASUTRA
101

100 - Теория ReactJS + Redux за 90 минут

IT-KAMASUTRA