1

Этап 1

1. Introduction - Course Roadmap

2

Этап 2

2. Roadmap to the First App

3

Этап 3

3. Official Course Github Repo

4

Этап 4

4. OSX Installation

5

Этап 5

5. More on OSX Installation

6

Этап 6

6. Running in the Simulator

7

Этап 7

7. Windows Setup of React Native

8

Этап 8

8. Android Studio and React Native CLI Installation

9

Этап 9

9. Emulator Creation and System Variables

10

Этап 10

10. ESLint Setup and Overview

11

Этап 11

11. ESLint Setup with Atom

12

Этап 12

12. ESLint Setup with Sublime Text 3

13

Этап 13

13. ESLint Setup with VSCode

14

Этап 14

14. Project Directory Walkthrough

15

Этап 15

15. Getting Content on the Screen

16

Этап 16

16. React vs React Native

17

Этап 17

17. Creating a Component with JSX

18

Этап 18

18. Registering a Component

19

Этап 19

19. Destructuring Imports

20

Этап 20

20. Application Outline

21

Этап 21

21. The Header Component

22

Этап 22

22. Consuming File Exports

23

Этап 23

23. Styling with React Native

24

Этап 24

24. More on Styling Components

25

Этап 25

25. Introduction to Flexbox

26

Этап 26

26. Header Styling

27

Этап 27

27. Making the Header Reusable

28

Этап 28

28. Sourcing Album Data

29

Этап 29

29. List Component Boilerplate

30

Этап 30

30. Class Based Components

31

Этап 31

31. Lifecycle Methods

32

Этап 32

32. Network Requests

33

Этап 33

33. Component Level State

34

Этап 34

34. More on Component Level State

35

Этап 35

35. Rendering a List of Components

36

Этап 36

36. Displaying Individual Albums

37

Этап 37

37. Fantastic Reusable Components - The Card

38

Этап 38

38. Styling a Card

39

Этап 39

39. Passing Components as Props

40

Этап 40

40. Dividing Cards into Sections

41

Этап 41

42. Positioning of Elements on Mobile

42

Этап 42

43. More on Styling

43

Этап 43

44. Images with React Native

44

Этап 44

45. Displaying Album Artwork

45

Этап 45

46. Making Content Scrollable

46

Этап 46

47. Handling User Input with Buttons

47

Этап 47

48. Styling of Buttons with UX Considerations

48

Этап 48

49. Responding to User Input

49

Этап 49

50. Linking Between Mobile Apps

50

Этап 50

51. Setting Button Text by Props

51

Этап 51

52. App Wrapup

52

Этап 52

53. Auth App Introduction

53

Этап 53

54. A Common Root Component

54

Этап 54

55. Copying Reusable Components

55

Этап 55

56. What is Firebase?

56

Этап 56

57. Firebase Client Setup

57

Этап 57

41. Mastering Layout with Flexbox

58

Этап 58

58. Login Form Scaffolding

59

Этап 59

59. Handling User Inputs

60

Этап 60

60. More on Handling User Inputs

61

Этап 61

61. How to Create Controlled Components

62

Этап 62

62. Making Text Inputs From Scratch

63

Этап 63

63. A Focus on Passing Props

64

Этап 64

64. Making the Input Pretty

65

Этап 65

65. Wrapping up Inputs

66

Этап 66

66. Password Inputs

67

Этап 67

67. Logging a User In

68

Этап 68

68. Error Handling

69

Этап 69

69. More on Authentication Flow

70

Этап 70

70. Creating an Activity Spinner

71

Этап 71

71. Conditional Rendering of JSX

72

Этап 72

72. Clearing the Form Spinner

73

Этап 73

73. Handling Authentication Events

74

Этап 74

74. More on Conditional Rendering

75

Этап 75

75. Logging a User Out and Wrapup

76

Этап 76

76. App Mockup and Approach

77

Этап 77

77. The Basics of Redux

78

Этап 78

78. More on Redux

79

Этап 79

80. Application Boilerplate

80

Этап 80

81. More on Redux Boilerplate

81

Этап 81

79. Redux is Hard!

82

Этап 82

82. Rendering the Header

83

Этап 83

83. Reducer and State Design

84

Этап 84

84. Library List of Data

85

Этап 85

85. JSON CopyPaste

86

Этап 86

86. The Connect Function

87

Этап 87

87. MapStateToProps with Connect

88

Этап 88

88. A Quick Review and Breather

89

Этап 89

89. The Theory of ListView

90

Этап 90

90. ListView in Practice

91

Этап 91

91. Rendering a Single Row

92

Этап 92

93. Creating the Selection Reducer

93

Этап 93

94. Introducing Action Creators

94

Этап 94

92. Styling the List

95

Этап 95

95. Calling Action Creators

96

Этап 96

96. Adding a Touchable

97

Этап 97

97. Rules of Reducers

98

Этап 98

98. Expanding a Row

99

Этап 99

99. Moving Logic Out of Components

100

Этап 100

100. Animations

101

Этап 101

101. Wrapup

102

Этап 102

103. App Challenges

103

Этап 103

104. Just a Touch More Setup

104

Этап 104

105. More on Boilerplate Setup

105

Этап 105

106. Login Form in a Redux World

106

Этап 106

102. Overview of Our Next App

107

Этап 107

108. Handling Form Updates with Action Creators

108

Этап 108

109. Wiring up Action Creators

109

Этап 109

110. Typed Actions

110

Этап 110

107. Rebuilding the Login Form

111

Этап 111

113. More on Creating Immutable State

112

Этап 112

114. Synchronous vs Asynchronous Action Creators

113

Этап 113

111. Immutable State

114

Этап 114

112. Creating Immutable State

115

Этап 115

115. Introduction to Redux Thunk

116

Этап 116

117. Redux Thunk in Practice Continued

117

Этап 117

119. Creating User Accounts

118

Этап 118

121. A Firebase Gotcha

119

Этап 119

122. Showing a Spinner on Loading

120

Этап 120

116. Redux Thunk in Practice

121

Этап 121

120. Showing Error Messages

122

Этап 122

118. Making LoginUser More Robust

123

Этап 123

123. Dealing with Navigation

124

Этап 124

124. Navigation in the Router

125

Этап 125

125. Addressing Styling Issues

126

Этап 126

126. Displaying Multiple Scenes

127

Этап 127

127. Navigating Between Routes

128

Этап 128

128. Grouping Scenes with Buckets

129

Этап 129

129. Navigation Bar Buttons

130

Этап 130

131. Building the Employee Creation Form

131

Этап 131

132. Employee Form Actions

132

Этап 132

133. Handling Form Updates at the Reducer Level

133

Этап 133

134. Dynamic Property Updates

134

Этап 134

136. Pickers and Style Overrides

135

Этап 135

130. Navigating to the Employee Creation Form

136

Этап 136

135. The Picker Component

137

Этап 137

137. Firebase JSON Schema

138

Этап 138

139. Creating Records with Firebase

139

Этап 139

140. Default Form Values

140

Этап 140

141. Successful Data Save to Firebase

141

Этап 141

138. Data Security in Firebase

142

Этап 142

142. Resetting Form Properties

143

Этап 143

144. Storing Data by ID

144

Этап 144

146. Transforming Objects to Arrays

145

Этап 145

147. List Building in Employee List

146

Этап 146

145. Dynamic DataSource Building

147

Этап 147

143. Fetching Data from Firebase

148

Этап 148

149. Create vs Edit Forms

149

Этап 149

148. Reusing the Employee Form

150

Этап 150

150. Reusable Forms

151

Этап 151

151. A Standalone Employee Edit Form

152

Этап 152

152. Initializing Forms from State

153

Этап 153

153. Updating Firebase Records

154

Этап 154

154. Clearing Form Attributes

155

Этап 155

155. Texting Employees

156

Этап 156

156. Modals as a Reusable Component

157

Этап 157

157. The Modal Component Continued

158

Этап 158

158. Styling the Modal

159

Этап 159

159. Employee Delete Action Creator

160

Этап 160

161. Bonus? Bonus!

161

Этап 161

160. Wiring up Employee Delete

1

Этап 1

1. Introduction - Course Roadmap

2

Этап 2

2. Roadmap to the First App

3

Этап 3

3. Official Course Github Repo

4

Этап 4

4. OSX Installation

5

Этап 5

5. More on OSX Installation

6

Этап 6

6. Running in the Simulator

7

Этап 7

7. Windows Setup of React Native

8

Этап 8

8. Android Studio and React Native CLI Installation

9

Этап 9

9. Emulator Creation and System Variables

10

Этап 10

10. ESLint Setup and Overview

11

Этап 11

11. ESLint Setup with Atom

12

Этап 12

12. ESLint Setup with Sublime Text 3

13

Этап 13

13. ESLint Setup with VSCode

14

Этап 14

14. Project Directory Walkthrough

15

Этап 15

15. Getting Content on the Screen

16

Этап 16

16. React vs React Native

17

Этап 17

17. Creating a Component with JSX

18

Этап 18

18. Registering a Component

19

Этап 19

19. Destructuring Imports

20

Этап 20

20. Application Outline

21

Этап 21

21. The Header Component

22

Этап 22

22. Consuming File Exports

23

Этап 23

23. Styling with React Native

24

Этап 24

24. More on Styling Components

25

Этап 25

25. Introduction to Flexbox

26

Этап 26

26. Header Styling

27

Этап 27

27. Making the Header Reusable

28

Этап 28

28. Sourcing Album Data

29

Этап 29

29. List Component Boilerplate

30

Этап 30

30. Class Based Components

31

Этап 31

31. Lifecycle Methods

32

Этап 32

32. Network Requests

33

Этап 33

33. Component Level State

34

Этап 34

34. More on Component Level State

35

Этап 35

35. Rendering a List of Components

36

Этап 36

36. Displaying Individual Albums

37

Этап 37

37. Fantastic Reusable Components - The Card

38

Этап 38

38. Styling a Card

39

Этап 39

39. Passing Components as Props

40

Этап 40

40. Dividing Cards into Sections

41

Этап 41

42. Positioning of Elements on Mobile

42

Этап 42

43. More on Styling

43

Этап 43

44. Images with React Native

44

Этап 44

45. Displaying Album Artwork

45

Этап 45

46. Making Content Scrollable

46

Этап 46

47. Handling User Input with Buttons

47

Этап 47

48. Styling of Buttons with UX Considerations

48

Этап 48

49. Responding to User Input

49

Этап 49

50. Linking Between Mobile Apps

50

Этап 50

51. Setting Button Text by Props

51

Этап 51

52. App Wrapup

52

Этап 52

53. Auth App Introduction

53

Этап 53

54. A Common Root Component

54

Этап 54

55. Copying Reusable Components

55

Этап 55

56. What is Firebase?

56

Этап 56

57. Firebase Client Setup

57

Этап 57

41. Mastering Layout with Flexbox

58

Этап 58

58. Login Form Scaffolding

59

Этап 59

59. Handling User Inputs

60

Этап 60

60. More on Handling User Inputs

61

Этап 61

61. How to Create Controlled Components

62

Этап 62

62. Making Text Inputs From Scratch

63

Этап 63

63. A Focus on Passing Props

64

Этап 64

64. Making the Input Pretty

65

Этап 65

65. Wrapping up Inputs

66

Этап 66

66. Password Inputs

67

Этап 67

67. Logging a User In

68

Этап 68

68. Error Handling

69

Этап 69

69. More on Authentication Flow

70

Этап 70

70. Creating an Activity Spinner

71

Этап 71

71. Conditional Rendering of JSX

72

Этап 72

72. Clearing the Form Spinner

73

Этап 73

73. Handling Authentication Events

74

Этап 74

74. More on Conditional Rendering

75

Этап 75

75. Logging a User Out and Wrapup

76

Этап 76

76. App Mockup and Approach

77

Этап 77

77. The Basics of Redux

78

Этап 78

78. More on Redux

79

Этап 79

80. Application Boilerplate

80

Этап 80

81. More on Redux Boilerplate

81

Этап 81

79. Redux is Hard!

82

Этап 82

82. Rendering the Header

83

Этап 83

83. Reducer and State Design

84

Этап 84

84. Library List of Data

85

Этап 85

85. JSON CopyPaste

86

Этап 86

86. The Connect Function

87

Этап 87

87. MapStateToProps with Connect

88

Этап 88

88. A Quick Review and Breather

89

Этап 89

89. The Theory of ListView

90

Этап 90

90. ListView in Practice

91

Этап 91

91. Rendering a Single Row

92

Этап 92

93. Creating the Selection Reducer

93

Этап 93

94. Introducing Action Creators

94

Этап 94

92. Styling the List

95

Этап 95

95. Calling Action Creators

96

Этап 96

96. Adding a Touchable

97

Этап 97

97. Rules of Reducers

98

Этап 98

98. Expanding a Row

99

Этап 99

99. Moving Logic Out of Components

100

Этап 100

100. Animations

101

Этап 101

101. Wrapup

102

Этап 102

103. App Challenges

103

Этап 103

104. Just a Touch More Setup

104

Этап 104

105. More on Boilerplate Setup

105

Этап 105

106. Login Form in a Redux World

106

Этап 106

102. Overview of Our Next App

107

Этап 107

108. Handling Form Updates with Action Creators

108

Этап 108

109. Wiring up Action Creators

109

Этап 109

110. Typed Actions

110

Этап 110

107. Rebuilding the Login Form

111

Этап 111

113. More on Creating Immutable State

112

Этап 112

114. Synchronous vs Asynchronous Action Creators

113

Этап 113

111. Immutable State

114

Этап 114

112. Creating Immutable State

115

Этап 115

115. Introduction to Redux Thunk

116

Этап 116

117. Redux Thunk in Practice Continued

117

Этап 117

119. Creating User Accounts

118

Этап 118

121. A Firebase Gotcha

119

Этап 119

122. Showing a Spinner on Loading

120

Этап 120

116. Redux Thunk in Practice

121

Этап 121

120. Showing Error Messages

122

Этап 122

118. Making LoginUser More Robust

123

Этап 123

123. Dealing with Navigation

124

Этап 124

124. Navigation in the Router

125

Этап 125

125. Addressing Styling Issues

126

Этап 126

126. Displaying Multiple Scenes

127

Этап 127

127. Navigating Between Routes

128

Этап 128

128. Grouping Scenes with Buckets

129

Этап 129

129. Navigation Bar Buttons

130

Этап 130

131. Building the Employee Creation Form

131

Этап 131

132. Employee Form Actions

132

Этап 132

133. Handling Form Updates at the Reducer Level

133

Этап 133

134. Dynamic Property Updates

134

Этап 134

136. Pickers and Style Overrides

135

Этап 135

130. Navigating to the Employee Creation Form

136

Этап 136

135. The Picker Component

137

Этап 137

137. Firebase JSON Schema

138

Этап 138

139. Creating Records with Firebase

139

Этап 139

140. Default Form Values

140

Этап 140

141. Successful Data Save to Firebase

141

Этап 141

138. Data Security in Firebase

142

Этап 142

142. Resetting Form Properties

143

Этап 143

144. Storing Data by ID

144

Этап 144

146. Transforming Objects to Arrays

145

Этап 145

147. List Building in Employee List

146

Этап 146

145. Dynamic DataSource Building

147

Этап 147

143. Fetching Data from Firebase

148

Этап 148

149. Create vs Edit Forms

149

Этап 149

148. Reusing the Employee Form

150

Этап 150

150. Reusable Forms

151

Этап 151

151. A Standalone Employee Edit Form

152

Этап 152

152. Initializing Forms from State

153

Этап 153

153. Updating Firebase Records

154

Этап 154

154. Clearing Form Attributes

155

Этап 155

155. Texting Employees

156

Этап 156

156. Modals as a Reusable Component

157

Этап 157

157. The Modal Component Continued

158

Этап 158

158. Styling the Modal

159

Этап 159

159. Employee Delete Action Creator

160

Этап 160

161. Bonus? Bonus!

161

Этап 161

160. Wiring up Employee Delete

13 октября 2016 06 ноября 2016
Цель завершена 29 октября 2016

Автор цели

Общая

Освоить курс [udemy.com] The Complete React Native and Redux Course

С некоторого времени плотно изучаю JavaScript и в частности современные фреймворки.

Уже немного знаю React со всей его "экосистемой" и мне всегда интересно было сделать какое нибуть приложение для мобильного - чтобы просто посмотреть что и как там в плане разработке.

Поэтому следующим шагом в изучении стал ReactNative.

По "слухам и не проверенным данным" он весьма хорошо - проверим))

 Критерий завершения

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

 Личные ресурсы

свободное время, знание JS и React, купленный курс на udemy.com

 Экологичность цели

продолжаю повышать квалификацию в части JS и современных фреймоворков

  1. 1. Introduction - Course Roadmap

  2. 2. Roadmap to the First App

  3. 3. Official Course Github Repo

  4. 4. OSX Installation

  5. 5. More on OSX Installation

  6. 6. Running in the Simulator

  7. 7. Windows Setup of React Native

  8. 8. Android Studio and React Native CLI Installation

  9. 9. Emulator Creation and System Variables

  10. 10. ESLint Setup and Overview

  11. 11. ESLint Setup with Atom

  12. 12. ESLint Setup with Sublime Text 3

  13. 13. ESLint Setup with VSCode

  14. 14. Project Directory Walkthrough

  15. 15. Getting Content on the Screen

  16. 16. React vs React Native

  17. 17. Creating a Component with JSX

  18. 18. Registering a Component

  19. 19. Destructuring Imports

  20. 20. Application Outline

  21. 21. The Header Component

  22. 22. Consuming File Exports

  23. 23. Styling with React Native

  24. 24. More on Styling Components

  25. 25. Introduction to Flexbox

  26. 26. Header Styling

  27. 27. Making the Header Reusable

  28. 28. Sourcing Album Data

  29. 29. List Component Boilerplate

  30. 30. Class Based Components

  31. 31. Lifecycle Methods

  32. 32. Network Requests

  33. 33. Component Level State

  34. 34. More on Component Level State

  35. 35. Rendering a List of Components

  36. 36. Displaying Individual Albums

  37. 37. Fantastic Reusable Components - The Card

  38. 38. Styling a Card

  39. 39. Passing Components as Props

  40. 40. Dividing Cards into Sections

  41. 42. Positioning of Elements on Mobile

  42. 43. More on Styling

  43. 44. Images with React Native

  44. 45. Displaying Album Artwork

  45. 46. Making Content Scrollable

  46. 47. Handling User Input with Buttons

  47. 48. Styling of Buttons with UX Considerations

  48. 49. Responding to User Input

  49. 50. Linking Between Mobile Apps

  50. 51. Setting Button Text by Props

  51. 52. App Wrapup

  52. 53. Auth App Introduction

  53. 54. A Common Root Component

  54. 55. Copying Reusable Components

  55. 56. What is Firebase?

  56. 57. Firebase Client Setup

  57. 41. Mastering Layout with Flexbox

  58. 58. Login Form Scaffolding

  59. 59. Handling User Inputs

  60. 60. More on Handling User Inputs

  61. 61. How to Create Controlled Components

  62. 62. Making Text Inputs From Scratch

  63. 63. A Focus on Passing Props

  64. 64. Making the Input Pretty

  65. 65. Wrapping up Inputs

  66. 66. Password Inputs

  67. 67. Logging a User In

  68. 68. Error Handling

  69. 69. More on Authentication Flow

  70. 70. Creating an Activity Spinner

  71. 71. Conditional Rendering of JSX

  72. 72. Clearing the Form Spinner

  73. 73. Handling Authentication Events

  74. 74. More on Conditional Rendering

  75. 75. Logging a User Out and Wrapup

  76. 76. App Mockup and Approach

  77. 77. The Basics of Redux

  78. 78. More on Redux

  79. 80. Application Boilerplate

  80. 81. More on Redux Boilerplate

  81. 79. Redux is Hard!

  82. 82. Rendering the Header

  83. 83. Reducer and State Design

  84. 84. Library List of Data

  85. 85. JSON CopyPaste

  86. 86. The Connect Function

  87. 87. MapStateToProps with Connect

  88. 88. A Quick Review and Breather

  89. 89. The Theory of ListView

  90. 90. ListView in Practice

  91. 91. Rendering a Single Row

  92. 93. Creating the Selection Reducer

  93. 94. Introducing Action Creators

  94. 92. Styling the List

  95. 95. Calling Action Creators

  96. 96. Adding a Touchable

  97. 97. Rules of Reducers

  98. 98. Expanding a Row

  99. 99. Moving Logic Out of Components

  100. 100. Animations

  101. 101. Wrapup

  102. 103. App Challenges

  103. 104. Just a Touch More Setup

  104. 105. More on Boilerplate Setup

  105. 106. Login Form in a Redux World

  106. 102. Overview of Our Next App

  107. 108. Handling Form Updates with Action Creators

  108. 109. Wiring up Action Creators

  109. 110. Typed Actions

  110. 107. Rebuilding the Login Form

  111. 113. More on Creating Immutable State

  112. 114. Synchronous vs Asynchronous Action Creators

  113. 111. Immutable State

  114. 112. Creating Immutable State

  115. 115. Introduction to Redux Thunk

  116. 117. Redux Thunk in Practice Continued

  117. 119. Creating User Accounts

  118. 121. A Firebase Gotcha

  119. 122. Showing a Spinner on Loading

  120. 116. Redux Thunk in Practice

  121. 120. Showing Error Messages

  122. 118. Making LoginUser More Robust

  123. 123. Dealing with Navigation

  124. 124. Navigation in the Router

  125. 125. Addressing Styling Issues

  126. 126. Displaying Multiple Scenes

  127. 127. Navigating Between Routes

  128. 128. Grouping Scenes with Buckets

  129. 129. Navigation Bar Buttons

  130. 131. Building the Employee Creation Form

  131. 132. Employee Form Actions

  132. 133. Handling Form Updates at the Reducer Level

  133. 134. Dynamic Property Updates

  134. 136. Pickers and Style Overrides

  135. 130. Navigating to the Employee Creation Form

  136. 135. The Picker Component

  137. 137. Firebase JSON Schema

  138. 139. Creating Records with Firebase

  139. 140. Default Form Values

  140. 141. Successful Data Save to Firebase

  141. 138. Data Security in Firebase

  142. 142. Resetting Form Properties

  143. 144. Storing Data by ID

  144. 146. Transforming Objects to Arrays

  145. 147. List Building in Employee List

  146. 145. Dynamic DataSource Building

  147. 143. Fetching Data from Firebase

  148. 149. Create vs Edit Forms

  149. 148. Reusing the Employee Form

  150. 150. Reusable Forms

  151. 151. A Standalone Employee Edit Form

  152. 152. Initializing Forms from State

  153. 153. Updating Firebase Records

  154. 154. Clearing Form Attributes

  155. 155. Texting Employees

  156. 156. Modals as a Reusable Component

  157. 157. The Modal Component Continued

  158. 158. Styling the Modal

  159. 159. Employee Delete Action Creator

  160. 161. Bonus? Bonus!

  161. 160. Wiring up Employee Delete

  • 2817
  • 13 октября 2016, 19:55
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?