1

Step 1

1 Introduction - Github Links for Project Files!

2

Step 2

2 Completed Projects - Github Links

3

Step 3

3 The Purpose of Boilerplate Projects

4

Step 4

4 Environment Setup

5

Step 5

5 Project Setup

6

Step 6

6 A Taste of JSX

7

Step 7

7 More on JSX

8

Step 8

10 Differences Between Component Instances and Component Classes

9

Step 9

8 ES6 Import Statements

10

Step 10

9 ReactDOM vs React

11

Step 11

11 Render Targets

12

Step 12

12 Component Structure

13

Step 13

13 Youtube Search API Signup

14

Step 14

14 Export Statements

15

Step 15

15 Class-Based Components

16

Step 16

16 Handling User Events

17

Step 17

17 Introduction to State

18

Step 18

18 More on State

19

Step 19

19 Controlled Components

20

Step 20

20 Breather and Review

21

Step 21

21 Youtube Search Response

22

Step 22

22 Refactoring Functional Components to Class Components

23

Step 23

23 Props

24

Step 24

24 Building Lists with Map

25

Step 25

25 List Item Keys

26

Step 26

26 Video List Items

27

Step 27

27 Detail Component and Template Strings

28

Step 28

28 Handling Null Props

29

Step 29

29 Video Selection

30

Step 30

30 Styling with CSS

31

Step 31

31 Searching for Videos

32

Step 32

32 Throttling Search Term Input

33

Step 33

33 React Wrapup

34

Step 34

34 Foreword on Redux

35

Step 35

37 Even More on Redux!

36

Step 36

36 More on Redux

37

Step 37

35 What is Redux?

38

Step 38

38 Reducers

39

Step 39

39 Containers - Connecting Redux to React

40

Step 40

40 Containers Continued

41

Step 41

41 Implementation of a Container Class

42

Step 42

42 Containers and Reducers Review

43

Step 43

43 Actions and Action Creators

44

Step 44

44 Binding Action Creators

45

Step 45

45 Creating an Action

46

Step 46

46 Consuming Actions in Reducers

47

Step 47

47 Consuming Actions in Reducers Continued

48

Step 48

48 Conditional Rendering

49

Step 49

49 Reducers and Actions Review

50

Step 50

50 App Overview and Planning

51

Step 51

52 Controlled Components and Binding Context

52

Step 52

51 Component Setup

53

Step 53

53 Form Elements in React

54

Step 54

54 Working with API's

55

Step 55

55 Introduction to Middleware

56

Step 56

56 Ajax Requests with Axios

57

Step 57

57 Redux-Promise in Practice

58

Step 58

58 Redux-Promise Continued

59

Step 59

59 Avoiding State Mutations in Reducers

60

Step 60

60 Building a List Container

61

Step 61

61 Mapping Props to a Render Helper

62

Step 62

62 Adding Sparkline Charts

63

Step 63

63 Making a Reusable Chart Component

64

Step 64

64 Labeling of Units

65

Step 65

65 Google Maps Integration

66

Step 66

66 Google Maps Integration Continued

67

Step 67

67 Project Review

68

Step 68

69 Exploring the Posts Api

69

Step 69

68 App Overview and Goals

70

Step 70

70 Installing React Router

71

Step 71

71 React Router - What is It?

72

Step 72

72 Setting Up React Router

73

Step 73

73 Route Configuration

74

Step 74

74 Nesting Of Routes

75

Step 75

75 IndexRoutes with React Router

76

Step 76

76 Back To Redux - Index Action

77

Step 77

77 Catching Data with Posts Reducer

78

Step 78

78 Catching Data with Posts Reducer Continued

79

Step 79

79 Fetching Data with Lifecycle Methods

80

Step 80

80 Fetching Data with Lifecycle Methods Continued

81

Step 81

81 Creating New Posts

82

Step 82

82 Navigation with the Link Component

83

Step 83

83 Forms and Form Submission

84

Step 84

84 More on Forms and Form Submission

85

Step 85

85 Passing Control to Redux Form

86

Step 86

86 CreatePost Action Creator

87

Step 87

87 Form Validation

88

Step 88

88 Form Validation Continued

89

Step 89

89 Navigating on Submit

90

Step 90

90 Posts Index

91

Step 91

91 Dynamic Route Params

92

Step 92

92 Loading Data on Render

93

Step 93

93 Handling Null Props

94

Step 94

94 Delete Action Creator

95

Step 95

95 Navigate on Delete

96

Step 96

96 ReactRouter and ReduxForm Wrapup

97

Step 97

97 Basics of Redux Thunk

98

Step 98

98 Combining Redux and Firebase

99

Step 99

99 Dynamic Forms with Redux Form

100

Step 100

100 Logicless Components with Reselect

101

Step 101

101 Data Loading Methods with Redux

102

Step 102

102 Animation of React Components

103

Step 103

103 Four Most Common Errors with React and Redux

104

Step 104

104 Modals in React and Redux Apps

105

Step 105

106 BrowserHistory in Production

106

Step 106

107 Introducing JSPlaygrounds for Rapid Prototyping

107

Step 107

108 Deployment of React/Webpack Apps

108

Step 108

109 React Integration with Third Party Libraries

109

Step 109

110 Still want more React?

110

Step 110

111 React Source

111

Step 111

105 The Best Way to Store Redux Data

1

Step 1

1 Introduction - Github Links for Project Files!

2

Step 2

2 Completed Projects - Github Links

3

Step 3

3 The Purpose of Boilerplate Projects

4

Step 4

4 Environment Setup

5

Step 5

5 Project Setup

6

Step 6

6 A Taste of JSX

7

Step 7

7 More on JSX

8

Step 8

10 Differences Between Component Instances and Component Classes

9

Step 9

8 ES6 Import Statements

10

Step 10

9 ReactDOM vs React

11

Step 11

11 Render Targets

12

Step 12

12 Component Structure

13

Step 13

13 Youtube Search API Signup

14

Step 14

14 Export Statements

15

Step 15

15 Class-Based Components

16

Step 16

16 Handling User Events

17

Step 17

17 Introduction to State

18

Step 18

18 More on State

19

Step 19

19 Controlled Components

20

Step 20

20 Breather and Review

21

Step 21

21 Youtube Search Response

22

Step 22

22 Refactoring Functional Components to Class Components

23

Step 23

23 Props

24

Step 24

24 Building Lists with Map

25

Step 25

25 List Item Keys

26

Step 26

26 Video List Items

27

Step 27

27 Detail Component and Template Strings

28

Step 28

28 Handling Null Props

29

Step 29

29 Video Selection

30

Step 30

30 Styling with CSS

31

Step 31

31 Searching for Videos

32

Step 32

32 Throttling Search Term Input

33

Step 33

33 React Wrapup

34

Step 34

34 Foreword on Redux

35

Step 35

37 Even More on Redux!

36

Step 36

36 More on Redux

37

Step 37

35 What is Redux?

38

Step 38

38 Reducers

39

Step 39

39 Containers - Connecting Redux to React

40

Step 40

40 Containers Continued

41

Step 41

41 Implementation of a Container Class

42

Step 42

42 Containers and Reducers Review

43

Step 43

43 Actions and Action Creators

44

Step 44

44 Binding Action Creators

45

Step 45

45 Creating an Action

46

Step 46

46 Consuming Actions in Reducers

47

Step 47

47 Consuming Actions in Reducers Continued

48

Step 48

48 Conditional Rendering

49

Step 49

49 Reducers and Actions Review

50

Step 50

50 App Overview and Planning

51

Step 51

52 Controlled Components and Binding Context

52

Step 52

51 Component Setup

53

Step 53

53 Form Elements in React

54

Step 54

54 Working with API's

55

Step 55

55 Introduction to Middleware

56

Step 56

56 Ajax Requests with Axios

57

Step 57

57 Redux-Promise in Practice

58

Step 58

58 Redux-Promise Continued

59

Step 59

59 Avoiding State Mutations in Reducers

60

Step 60

60 Building a List Container

61

Step 61

61 Mapping Props to a Render Helper

62

Step 62

62 Adding Sparkline Charts

63

Step 63

63 Making a Reusable Chart Component

64

Step 64

64 Labeling of Units

65

Step 65

65 Google Maps Integration

66

Step 66

66 Google Maps Integration Continued

67

Step 67

67 Project Review

68

Step 68

69 Exploring the Posts Api

69

Step 69

68 App Overview and Goals

70

Step 70

70 Installing React Router

71

Step 71

71 React Router - What is It?

72

Step 72

72 Setting Up React Router

73

Step 73

73 Route Configuration

74

Step 74

74 Nesting Of Routes

75

Step 75

75 IndexRoutes with React Router

76

Step 76

76 Back To Redux - Index Action

77

Step 77

77 Catching Data with Posts Reducer

78

Step 78

78 Catching Data with Posts Reducer Continued

79

Step 79

79 Fetching Data with Lifecycle Methods

80

Step 80

80 Fetching Data with Lifecycle Methods Continued

81

Step 81

81 Creating New Posts

82

Step 82

82 Navigation with the Link Component

83

Step 83

83 Forms and Form Submission

84

Step 84

84 More on Forms and Form Submission

85

Step 85

85 Passing Control to Redux Form

86

Step 86

86 CreatePost Action Creator

87

Step 87

87 Form Validation

88

Step 88

88 Form Validation Continued

89

Step 89

89 Navigating on Submit

90

Step 90

90 Posts Index

91

Step 91

91 Dynamic Route Params

92

Step 92

92 Loading Data on Render

93

Step 93

93 Handling Null Props

94

Step 94

94 Delete Action Creator

95

Step 95

95 Navigate on Delete

96

Step 96

96 ReactRouter and ReduxForm Wrapup

97

Step 97

97 Basics of Redux Thunk

98

Step 98

98 Combining Redux and Firebase

99

Step 99

99 Dynamic Forms with Redux Form

100

Step 100

100 Logicless Components with Reselect

101

Step 101

101 Data Loading Methods with Redux

102

Step 102

102 Animation of React Components

103

Step 103

103 Four Most Common Errors with React and Redux

104

Step 104

104 Modals in React and Redux Apps

105

Step 105

106 BrowserHistory in Production

106

Step 106

107 Introducing JSPlaygrounds for Rapid Prototyping

107

Step 107

108 Deployment of React/Webpack Apps

108

Step 108

109 React Integration with Third Party Libraries

109

Step 109

110 Still want more React?

110

Step 110

111 React Source

111

Step 111

105 The Best Way to Store Redux Data

09 January 2016
Goal completed 11 October 2016

Goal author

webFarrock

Russia, Москва

39 years old

General

Освоить курс [udemy.com] Modern React with Redux

Это одна из моих целей по освоению современных инструментов разработки пользовательских интерфейсов

 Goal Accomplishment Criteria

Прослушал все лекции и выполнил все задания

  1. 1 Introduction - Github Links for Project Files!

  2. 2 Completed Projects - Github Links

  3. 3 The Purpose of Boilerplate Projects

  4. 4 Environment Setup

  5. 5 Project Setup

  6. 6 A Taste of JSX

  7. 7 More on JSX

  8. 10 Differences Between Component Instances and Component Classes

  9. 8 ES6 Import Statements

  10. 9 ReactDOM vs React

  11. 11 Render Targets

  12. 12 Component Structure

  13. 13 Youtube Search API Signup

  14. 14 Export Statements

  15. 15 Class-Based Components

  16. 16 Handling User Events

  17. 17 Introduction to State

  18. 18 More on State

  19. 19 Controlled Components

  20. 20 Breather and Review

  21. 21 Youtube Search Response

  22. 22 Refactoring Functional Components to Class Components

  23. 23 Props

  24. 24 Building Lists with Map

  25. 25 List Item Keys

  26. 26 Video List Items

  27. 27 Detail Component and Template Strings

  28. 28 Handling Null Props

  29. 29 Video Selection

  30. 30 Styling with CSS

  31. 31 Searching for Videos

  32. 32 Throttling Search Term Input

  33. 33 React Wrapup

  34. 34 Foreword on Redux

  35. 37 Even More on Redux!

  36. 36 More on Redux

  37. 35 What is Redux?

  38. 38 Reducers

  39. 39 Containers - Connecting Redux to React

  40. 40 Containers Continued

  41. 41 Implementation of a Container Class

  42. 42 Containers and Reducers Review

  43. 43 Actions and Action Creators

  44. 44 Binding Action Creators

  45. 45 Creating an Action

  46. 46 Consuming Actions in Reducers

  47. 47 Consuming Actions in Reducers Continued

  48. 48 Conditional Rendering

  49. 49 Reducers and Actions Review

  50. 50 App Overview and Planning

  51. 52 Controlled Components and Binding Context

  52. 51 Component Setup

  53. 53 Form Elements in React

  54. 54 Working with API's

  55. 55 Introduction to Middleware

  56. 56 Ajax Requests with Axios

  57. 57 Redux-Promise in Practice

  58. 58 Redux-Promise Continued

  59. 59 Avoiding State Mutations in Reducers

  60. 60 Building a List Container

  61. 61 Mapping Props to a Render Helper

  62. 62 Adding Sparkline Charts

  63. 63 Making a Reusable Chart Component

  64. 64 Labeling of Units

  65. 65 Google Maps Integration

  66. 66 Google Maps Integration Continued

  67. 67 Project Review

  68. 69 Exploring the Posts Api

  69. 68 App Overview and Goals

  70. 70 Installing React Router

  71. 71 React Router - What is It?

  72. 72 Setting Up React Router

  73. 73 Route Configuration

  74. 74 Nesting Of Routes

  75. 75 IndexRoutes with React Router

  76. 76 Back To Redux - Index Action

  77. 77 Catching Data with Posts Reducer

  78. 78 Catching Data with Posts Reducer Continued

  79. 79 Fetching Data with Lifecycle Methods

  80. 80 Fetching Data with Lifecycle Methods Continued

  81. 81 Creating New Posts

  82. 82 Navigation with the Link Component

  83. 83 Forms and Form Submission

  84. 84 More on Forms and Form Submission

  85. 85 Passing Control to Redux Form

  86. 86 CreatePost Action Creator

  87. 87 Form Validation

  88. 88 Form Validation Continued

  89. 89 Navigating on Submit

  90. 90 Posts Index

  91. 91 Dynamic Route Params

  92. 92 Loading Data on Render

  93. 93 Handling Null Props

  94. 94 Delete Action Creator

  95. 95 Navigate on Delete

  96. 96 ReactRouter and ReduxForm Wrapup

  97. 97 Basics of Redux Thunk

  98. 98 Combining Redux and Firebase

  99. 99 Dynamic Forms with Redux Form

  100. 100 Logicless Components with Reselect

  101. 101 Data Loading Methods with Redux

  102. 102 Animation of React Components

  103. 103 Four Most Common Errors with React and Redux

  104. 104 Modals in React and Redux Apps

  105. 106 BrowserHistory in Production

  106. 107 Introducing JSPlaygrounds for Rapid Prototyping

  107. 108 Deployment of React/Webpack Apps

  108. 109 React Integration with Third Party Libraries

  109. 110 Still want more React?

  110. 111 React Source

  111. 105 The Best Way to Store Redux Data

  • 1993
  • 09 January 2016, 21:56
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?