1

Step 1

1. Introduction - Course Roadmap

2

Step 2

2. Roadmap to the First App

3

Step 3

3. Official Course Github Repo

4

Step 4

4. OSX Installation

5

Step 5

5. More on OSX Installation

6

Step 6

6. Running in the Simulator

7

Step 7

7. Windows Setup of React Native

8

Step 8

8. Android Studio and React Native CLI Installation

9

Step 9

9. Emulator Creation and System Variables

10

Step 10

10. ESLint Setup and Overview

11

Step 11

11. ESLint Setup with Atom

12

Step 12

12. ESLint Setup with Sublime Text 3

13

Step 13

13. ESLint Setup with VSCode

14

Step 14

14. Project Directory Walkthrough

15

Step 15

15. Getting Content on the Screen

16

Step 16

16. React vs React Native

17

Step 17

17. Creating a Component with JSX

18

Step 18

18. Registering a Component

19

Step 19

19. Destructuring Imports

20

Step 20

20. Application Outline

21

Step 21

21. The Header Component

22

Step 22

22. Consuming File Exports

23

Step 23

23. Styling with React Native

24

Step 24

24. More on Styling Components

25

Step 25

25. Introduction to Flexbox

26

Step 26

26. Header Styling

27

Step 27

27. Making the Header Reusable

28

Step 28

28. Sourcing Album Data

29

Step 29

29. List Component Boilerplate

30

Step 30

30. Class Based Components

31

Step 31

31. Lifecycle Methods

32

Step 32

32. Network Requests

33

Step 33

33. Component Level State

34

Step 34

34. More on Component Level State

35

Step 35

35. Rendering a List of Components

36

Step 36

36. Displaying Individual Albums

37

Step 37

37. Fantastic Reusable Components - The Card

38

Step 38

38. Styling a Card

39

Step 39

39. Passing Components as Props

40

Step 40

40. Dividing Cards into Sections

41

Step 41

42. Positioning of Elements on Mobile

42

Step 42

43. More on Styling

43

Step 43

44. Images with React Native

44

Step 44

45. Displaying Album Artwork

45

Step 45

46. Making Content Scrollable

46

Step 46

47. Handling User Input with Buttons

47

Step 47

48. Styling of Buttons with UX Considerations

48

Step 48

49. Responding to User Input

49

Step 49

50. Linking Between Mobile Apps

50

Step 50

51. Setting Button Text by Props

51

Step 51

52. App Wrapup

52

Step 52

53. Auth App Introduction

53

Step 53

54. A Common Root Component

54

Step 54

55. Copying Reusable Components

55

Step 55

56. What is Firebase?

56

Step 56

57. Firebase Client Setup

57

Step 57

41. Mastering Layout with Flexbox

58

Step 58

58. Login Form Scaffolding

59

Step 59

59. Handling User Inputs

60

Step 60

60. More on Handling User Inputs

61

Step 61

61. How to Create Controlled Components

62

Step 62

62. Making Text Inputs From Scratch

63

Step 63

63. A Focus on Passing Props

64

Step 64

64. Making the Input Pretty

65

Step 65

65. Wrapping up Inputs

66

Step 66

66. Password Inputs

67

Step 67

67. Logging a User In

68

Step 68

68. Error Handling

69

Step 69

69. More on Authentication Flow

70

Step 70

70. Creating an Activity Spinner

71

Step 71

71. Conditional Rendering of JSX

72

Step 72

72. Clearing the Form Spinner

73

Step 73

73. Handling Authentication Events

74

Step 74

74. More on Conditional Rendering

75

Step 75

75. Logging a User Out and Wrapup

76

Step 76

76. App Mockup and Approach

77

Step 77

77. The Basics of Redux

78

Step 78

78. More on Redux

79

Step 79

80. Application Boilerplate

80

Step 80

81. More on Redux Boilerplate

81

Step 81

79. Redux is Hard!

82

Step 82

82. Rendering the Header

83

Step 83

83. Reducer and State Design

84

Step 84

84. Library List of Data

85

Step 85

85. JSON CopyPaste

86

Step 86

86. The Connect Function

87

Step 87

87. MapStateToProps with Connect

88

Step 88

88. A Quick Review and Breather

89

Step 89

89. The Theory of ListView

90

Step 90

90. ListView in Practice

91

Step 91

91. Rendering a Single Row

92

Step 92

93. Creating the Selection Reducer

93

Step 93

94. Introducing Action Creators

94

Step 94

92. Styling the List

95

Step 95

95. Calling Action Creators

96

Step 96

96. Adding a Touchable

97

Step 97

97. Rules of Reducers

98

Step 98

98. Expanding a Row

99

Step 99

99. Moving Logic Out of Components

100

Step 100

100. Animations

101

Step 101

101. Wrapup

102

Step 102

103. App Challenges

103

Step 103

104. Just a Touch More Setup

104

Step 104

105. More on Boilerplate Setup

105

Step 105

106. Login Form in a Redux World

106

Step 106

102. Overview of Our Next App

107

Step 107

108. Handling Form Updates with Action Creators

108

Step 108

109. Wiring up Action Creators

109

Step 109

110. Typed Actions

110

Step 110

107. Rebuilding the Login Form

111

Step 111

113. More on Creating Immutable State

112

Step 112

114. Synchronous vs Asynchronous Action Creators

113

Step 113

111. Immutable State

114

Step 114

112. Creating Immutable State

115

Step 115

115. Introduction to Redux Thunk

116

Step 116

117. Redux Thunk in Practice Continued

117

Step 117

119. Creating User Accounts

118

Step 118

121. A Firebase Gotcha

119

Step 119

122. Showing a Spinner on Loading

120

Step 120

116. Redux Thunk in Practice

121

Step 121

120. Showing Error Messages

122

Step 122

118. Making LoginUser More Robust

123

Step 123

123. Dealing with Navigation

124

Step 124

124. Navigation in the Router

125

Step 125

125. Addressing Styling Issues

126

Step 126

126. Displaying Multiple Scenes

127

Step 127

127. Navigating Between Routes

128

Step 128

128. Grouping Scenes with Buckets

129

Step 129

129. Navigation Bar Buttons

130

Step 130

131. Building the Employee Creation Form

131

Step 131

132. Employee Form Actions

132

Step 132

133. Handling Form Updates at the Reducer Level

133

Step 133

134. Dynamic Property Updates

134

Step 134

136. Pickers and Style Overrides

135

Step 135

130. Navigating to the Employee Creation Form

136

Step 136

135. The Picker Component

137

Step 137

137. Firebase JSON Schema

138

Step 138

139. Creating Records with Firebase

139

Step 139

140. Default Form Values

140

Step 140

141. Successful Data Save to Firebase

141

Step 141

138. Data Security in Firebase

142

Step 142

142. Resetting Form Properties

143

Step 143

144. Storing Data by ID

144

Step 144

146. Transforming Objects to Arrays

145

Step 145

147. List Building in Employee List

146

Step 146

145. Dynamic DataSource Building

147

Step 147

143. Fetching Data from Firebase

148

Step 148

149. Create vs Edit Forms

149

Step 149

148. Reusing the Employee Form

150

Step 150

150. Reusable Forms

151

Step 151

151. A Standalone Employee Edit Form

152

Step 152

152. Initializing Forms from State

153

Step 153

153. Updating Firebase Records

154

Step 154

154. Clearing Form Attributes

155

Step 155

155. Texting Employees

156

Step 156

156. Modals as a Reusable Component

157

Step 157

157. The Modal Component Continued

158

Step 158

158. Styling the Modal

159

Step 159

159. Employee Delete Action Creator

160

Step 160

161. Bonus? Bonus!

161

Step 161

160. Wiring up Employee Delete

1

Step 1

1. Introduction - Course Roadmap

2

Step 2

2. Roadmap to the First App

3

Step 3

3. Official Course Github Repo

4

Step 4

4. OSX Installation

5

Step 5

5. More on OSX Installation

6

Step 6

6. Running in the Simulator

7

Step 7

7. Windows Setup of React Native

8

Step 8

8. Android Studio and React Native CLI Installation

9

Step 9

9. Emulator Creation and System Variables

10

Step 10

10. ESLint Setup and Overview

11

Step 11

11. ESLint Setup with Atom

12

Step 12

12. ESLint Setup with Sublime Text 3

13

Step 13

13. ESLint Setup with VSCode

14

Step 14

14. Project Directory Walkthrough

15

Step 15

15. Getting Content on the Screen

16

Step 16

16. React vs React Native

17

Step 17

17. Creating a Component with JSX

18

Step 18

18. Registering a Component

19

Step 19

19. Destructuring Imports

20

Step 20

20. Application Outline

21

Step 21

21. The Header Component

22

Step 22

22. Consuming File Exports

23

Step 23

23. Styling with React Native

24

Step 24

24. More on Styling Components

25

Step 25

25. Introduction to Flexbox

26

Step 26

26. Header Styling

27

Step 27

27. Making the Header Reusable

28

Step 28

28. Sourcing Album Data

29

Step 29

29. List Component Boilerplate

30

Step 30

30. Class Based Components

31

Step 31

31. Lifecycle Methods

32

Step 32

32. Network Requests

33

Step 33

33. Component Level State

34

Step 34

34. More on Component Level State

35

Step 35

35. Rendering a List of Components

36

Step 36

36. Displaying Individual Albums

37

Step 37

37. Fantastic Reusable Components - The Card

38

Step 38

38. Styling a Card

39

Step 39

39. Passing Components as Props

40

Step 40

40. Dividing Cards into Sections

41

Step 41

42. Positioning of Elements on Mobile

42

Step 42

43. More on Styling

43

Step 43

44. Images with React Native

44

Step 44

45. Displaying Album Artwork

45

Step 45

46. Making Content Scrollable

46

Step 46

47. Handling User Input with Buttons

47

Step 47

48. Styling of Buttons with UX Considerations

48

Step 48

49. Responding to User Input

49

Step 49

50. Linking Between Mobile Apps

50

Step 50

51. Setting Button Text by Props

51

Step 51

52. App Wrapup

52

Step 52

53. Auth App Introduction

53

Step 53

54. A Common Root Component

54

Step 54

55. Copying Reusable Components

55

Step 55

56. What is Firebase?

56

Step 56

57. Firebase Client Setup

57

Step 57

41. Mastering Layout with Flexbox

58

Step 58

58. Login Form Scaffolding

59

Step 59

59. Handling User Inputs

60

Step 60

60. More on Handling User Inputs

61

Step 61

61. How to Create Controlled Components

62

Step 62

62. Making Text Inputs From Scratch

63

Step 63

63. A Focus on Passing Props

64

Step 64

64. Making the Input Pretty

65

Step 65

65. Wrapping up Inputs

66

Step 66

66. Password Inputs

67

Step 67

67. Logging a User In

68

Step 68

68. Error Handling

69

Step 69

69. More on Authentication Flow

70

Step 70

70. Creating an Activity Spinner

71

Step 71

71. Conditional Rendering of JSX

72

Step 72

72. Clearing the Form Spinner

73

Step 73

73. Handling Authentication Events

74

Step 74

74. More on Conditional Rendering

75

Step 75

75. Logging a User Out and Wrapup

76

Step 76

76. App Mockup and Approach

77

Step 77

77. The Basics of Redux

78

Step 78

78. More on Redux

79

Step 79

80. Application Boilerplate

80

Step 80

81. More on Redux Boilerplate

81

Step 81

79. Redux is Hard!

82

Step 82

82. Rendering the Header

83

Step 83

83. Reducer and State Design

84

Step 84

84. Library List of Data

85

Step 85

85. JSON CopyPaste

86

Step 86

86. The Connect Function

87

Step 87

87. MapStateToProps with Connect

88

Step 88

88. A Quick Review and Breather

89

Step 89

89. The Theory of ListView

90

Step 90

90. ListView in Practice

91

Step 91

91. Rendering a Single Row

92

Step 92

93. Creating the Selection Reducer

93

Step 93

94. Introducing Action Creators

94

Step 94

92. Styling the List

95

Step 95

95. Calling Action Creators

96

Step 96

96. Adding a Touchable

97

Step 97

97. Rules of Reducers

98

Step 98

98. Expanding a Row

99

Step 99

99. Moving Logic Out of Components

100

Step 100

100. Animations

101

Step 101

101. Wrapup

102

Step 102

103. App Challenges

103

Step 103

104. Just a Touch More Setup

104

Step 104

105. More on Boilerplate Setup

105

Step 105

106. Login Form in a Redux World

106

Step 106

102. Overview of Our Next App

107

Step 107

108. Handling Form Updates with Action Creators

108

Step 108

109. Wiring up Action Creators

109

Step 109

110. Typed Actions

110

Step 110

107. Rebuilding the Login Form

111

Step 111

113. More on Creating Immutable State

112

Step 112

114. Synchronous vs Asynchronous Action Creators

113

Step 113

111. Immutable State

114

Step 114

112. Creating Immutable State

115

Step 115

115. Introduction to Redux Thunk

116

Step 116

117. Redux Thunk in Practice Continued

117

Step 117

119. Creating User Accounts

118

Step 118

121. A Firebase Gotcha

119

Step 119

122. Showing a Spinner on Loading

120

Step 120

116. Redux Thunk in Practice

121

Step 121

120. Showing Error Messages

122

Step 122

118. Making LoginUser More Robust

123

Step 123

123. Dealing with Navigation

124

Step 124

124. Navigation in the Router

125

Step 125

125. Addressing Styling Issues

126

Step 126

126. Displaying Multiple Scenes

127

Step 127

127. Navigating Between Routes

128

Step 128

128. Grouping Scenes with Buckets

129

Step 129

129. Navigation Bar Buttons

130

Step 130

131. Building the Employee Creation Form

131

Step 131

132. Employee Form Actions

132

Step 132

133. Handling Form Updates at the Reducer Level

133

Step 133

134. Dynamic Property Updates

134

Step 134

136. Pickers and Style Overrides

135

Step 135

130. Navigating to the Employee Creation Form

136

Step 136

135. The Picker Component

137

Step 137

137. Firebase JSON Schema

138

Step 138

139. Creating Records with Firebase

139

Step 139

140. Default Form Values

140

Step 140

141. Successful Data Save to Firebase

141

Step 141

138. Data Security in Firebase

142

Step 142

142. Resetting Form Properties

143

Step 143

144. Storing Data by ID

144

Step 144

146. Transforming Objects to Arrays

145

Step 145

147. List Building in Employee List

146

Step 146

145. Dynamic DataSource Building

147

Step 147

143. Fetching Data from Firebase

148

Step 148

149. Create vs Edit Forms

149

Step 149

148. Reusing the Employee Form

150

Step 150

150. Reusable Forms

151

Step 151

151. A Standalone Employee Edit Form

152

Step 152

152. Initializing Forms from State

153

Step 153

153. Updating Firebase Records

154

Step 154

154. Clearing Form Attributes

155

Step 155

155. Texting Employees

156

Step 156

156. Modals as a Reusable Component

157

Step 157

157. The Modal Component Continued

158

Step 158

158. Styling the Modal

159

Step 159

159. Employee Delete Action Creator

160

Step 160

161. Bonus? Bonus!

161

Step 161

160. Wiring up Employee Delete

13 October 2016 06 November 2016
Goal completed 29 October 2016

Goal author

webFarrock

Russia, Москва

40 years old

General

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

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

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

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

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

 Goal Accomplishment Criteria

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

 Personal resources

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

 Goal ecological compatibility

продолжаю повышать квалификацию в части 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

  • 2915
  • 13 October 2016, 19:55
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?