1

Etapa 1

1. Introduction - Course Roadmap

2

Etapa 2

2. Roadmap to the First App

3

Etapa 3

3. Official Course Github Repo

4

Etapa 4

4. OSX Installation

5

Etapa 5

5. More on OSX Installation

6

Etapa 6

6. Running in the Simulator

7

Etapa 7

7. Windows Setup of React Native

8

Etapa 8

8. Android Studio and React Native CLI Installation

9

Etapa 9

9. Emulator Creation and System Variables

10

Etapa 10

10. ESLint Setup and Overview

11

Etapa 11

11. ESLint Setup with Atom

12

Etapa 12

12. ESLint Setup with Sublime Text 3

13

Etapa 13

13. ESLint Setup with VSCode

14

Etapa 14

14. Project Directory Walkthrough

15

Etapa 15

15. Getting Content on the Screen

16

Etapa 16

16. React vs React Native

17

Etapa 17

17. Creating a Component with JSX

18

Etapa 18

18. Registering a Component

19

Etapa 19

19. Destructuring Imports

20

Etapa 20

20. Application Outline

21

Etapa 21

21. The Header Component

22

Etapa 22

22. Consuming File Exports

23

Etapa 23

23. Styling with React Native

24

Etapa 24

24. More on Styling Components

25

Etapa 25

25. Introduction to Flexbox

26

Etapa 26

26. Header Styling

27

Etapa 27

27. Making the Header Reusable

28

Etapa 28

28. Sourcing Album Data

29

Etapa 29

29. List Component Boilerplate

30

Etapa 30

30. Class Based Components

31

Etapa 31

31. Lifecycle Methods

32

Etapa 32

32. Network Requests

33

Etapa 33

33. Component Level State

34

Etapa 34

34. More on Component Level State

35

Etapa 35

35. Rendering a List of Components

36

Etapa 36

36. Displaying Individual Albums

37

Etapa 37

37. Fantastic Reusable Components - The Card

38

Etapa 38

38. Styling a Card

39

Etapa 39

39. Passing Components as Props

40

Etapa 40

40. Dividing Cards into Sections

41

Etapa 41

42. Positioning of Elements on Mobile

42

Etapa 42

43. More on Styling

43

Etapa 43

44. Images with React Native

44

Etapa 44

45. Displaying Album Artwork

45

Etapa 45

46. Making Content Scrollable

46

Etapa 46

47. Handling User Input with Buttons

47

Etapa 47

48. Styling of Buttons with UX Considerations

48

Etapa 48

49. Responding to User Input

49

Etapa 49

50. Linking Between Mobile Apps

50

Etapa 50

51. Setting Button Text by Props

51

Etapa 51

52. App Wrapup

52

Etapa 52

53. Auth App Introduction

53

Etapa 53

54. A Common Root Component

54

Etapa 54

55. Copying Reusable Components

55

Etapa 55

56. What is Firebase?

56

Etapa 56

57. Firebase Client Setup

57

Etapa 57

41. Mastering Layout with Flexbox

58

Etapa 58

58. Login Form Scaffolding

59

Etapa 59

59. Handling User Inputs

60

Etapa 60

60. More on Handling User Inputs

61

Etapa 61

61. How to Create Controlled Components

62

Etapa 62

62. Making Text Inputs From Scratch

63

Etapa 63

63. A Focus on Passing Props

64

Etapa 64

64. Making the Input Pretty

65

Etapa 65

65. Wrapping up Inputs

66

Etapa 66

66. Password Inputs

67

Etapa 67

67. Logging a User In

68

Etapa 68

68. Error Handling

69

Etapa 69

69. More on Authentication Flow

70

Etapa 70

70. Creating an Activity Spinner

71

Etapa 71

71. Conditional Rendering of JSX

72

Etapa 72

72. Clearing the Form Spinner

73

Etapa 73

73. Handling Authentication Events

74

Etapa 74

74. More on Conditional Rendering

75

Etapa 75

75. Logging a User Out and Wrapup

76

Etapa 76

76. App Mockup and Approach

77

Etapa 77

77. The Basics of Redux

78

Etapa 78

78. More on Redux

79

Etapa 79

80. Application Boilerplate

80

Etapa 80

81. More on Redux Boilerplate

81

Etapa 81

79. Redux is Hard!

82

Etapa 82

82. Rendering the Header

83

Etapa 83

83. Reducer and State Design

84

Etapa 84

84. Library List of Data

85

Etapa 85

85. JSON CopyPaste

86

Etapa 86

86. The Connect Function

87

Etapa 87

87. MapStateToProps with Connect

88

Etapa 88

88. A Quick Review and Breather

89

Etapa 89

89. The Theory of ListView

90

Etapa 90

90. ListView in Practice

91

Etapa 91

91. Rendering a Single Row

92

Etapa 92

93. Creating the Selection Reducer

93

Etapa 93

94. Introducing Action Creators

94

Etapa 94

92. Styling the List

95

Etapa 95

95. Calling Action Creators

96

Etapa 96

96. Adding a Touchable

97

Etapa 97

97. Rules of Reducers

98

Etapa 98

98. Expanding a Row

99

Etapa 99

99. Moving Logic Out of Components

100

Etapa 100

100. Animations

101

Etapa 101

101. Wrapup

102

Etapa 102

103. App Challenges

103

Etapa 103

104. Just a Touch More Setup

104

Etapa 104

105. More on Boilerplate Setup

105

Etapa 105

106. Login Form in a Redux World

106

Etapa 106

102. Overview of Our Next App

107

Etapa 107

108. Handling Form Updates with Action Creators

108

Etapa 108

109. Wiring up Action Creators

109

Etapa 109

110. Typed Actions

110

Etapa 110

107. Rebuilding the Login Form

111

Etapa 111

113. More on Creating Immutable State

112

Etapa 112

114. Synchronous vs Asynchronous Action Creators

113

Etapa 113

111. Immutable State

114

Etapa 114

112. Creating Immutable State

115

Etapa 115

115. Introduction to Redux Thunk

116

Etapa 116

117. Redux Thunk in Practice Continued

117

Etapa 117

119. Creating User Accounts

118

Etapa 118

121. A Firebase Gotcha

119

Etapa 119

122. Showing a Spinner on Loading

120

Etapa 120

116. Redux Thunk in Practice

121

Etapa 121

120. Showing Error Messages

122

Etapa 122

118. Making LoginUser More Robust

123

Etapa 123

123. Dealing with Navigation

124

Etapa 124

124. Navigation in the Router

125

Etapa 125

125. Addressing Styling Issues

126

Etapa 126

126. Displaying Multiple Scenes

127

Etapa 127

127. Navigating Between Routes

128

Etapa 128

128. Grouping Scenes with Buckets

129

Etapa 129

129. Navigation Bar Buttons

130

Etapa 130

131. Building the Employee Creation Form

131

Etapa 131

132. Employee Form Actions

132

Etapa 132

133. Handling Form Updates at the Reducer Level

133

Etapa 133

134. Dynamic Property Updates

134

Etapa 134

136. Pickers and Style Overrides

135

Etapa 135

130. Navigating to the Employee Creation Form

136

Etapa 136

135. The Picker Component

137

Etapa 137

137. Firebase JSON Schema

138

Etapa 138

139. Creating Records with Firebase

139

Etapa 139

140. Default Form Values

140

Etapa 140

141. Successful Data Save to Firebase

141

Etapa 141

138. Data Security in Firebase

142

Etapa 142

142. Resetting Form Properties

143

Etapa 143

144. Storing Data by ID

144

Etapa 144

146. Transforming Objects to Arrays

145

Etapa 145

147. List Building in Employee List

146

Etapa 146

145. Dynamic DataSource Building

147

Etapa 147

143. Fetching Data from Firebase

148

Etapa 148

149. Create vs Edit Forms

149

Etapa 149

148. Reusing the Employee Form

150

Etapa 150

150. Reusable Forms

151

Etapa 151

151. A Standalone Employee Edit Form

152

Etapa 152

152. Initializing Forms from State

153

Etapa 153

153. Updating Firebase Records

154

Etapa 154

154. Clearing Form Attributes

155

Etapa 155

155. Texting Employees

156

Etapa 156

156. Modals as a Reusable Component

157

Etapa 157

157. The Modal Component Continued

158

Etapa 158

158. Styling the Modal

159

Etapa 159

159. Employee Delete Action Creator

160

Etapa 160

161. Bonus? Bonus!

161

Etapa 161

160. Wiring up Employee Delete

1

Etapa 1

1. Introduction - Course Roadmap

2

Etapa 2

2. Roadmap to the First App

3

Etapa 3

3. Official Course Github Repo

4

Etapa 4

4. OSX Installation

5

Etapa 5

5. More on OSX Installation

6

Etapa 6

6. Running in the Simulator

7

Etapa 7

7. Windows Setup of React Native

8

Etapa 8

8. Android Studio and React Native CLI Installation

9

Etapa 9

9. Emulator Creation and System Variables

10

Etapa 10

10. ESLint Setup and Overview

11

Etapa 11

11. ESLint Setup with Atom

12

Etapa 12

12. ESLint Setup with Sublime Text 3

13

Etapa 13

13. ESLint Setup with VSCode

14

Etapa 14

14. Project Directory Walkthrough

15

Etapa 15

15. Getting Content on the Screen

16

Etapa 16

16. React vs React Native

17

Etapa 17

17. Creating a Component with JSX

18

Etapa 18

18. Registering a Component

19

Etapa 19

19. Destructuring Imports

20

Etapa 20

20. Application Outline

21

Etapa 21

21. The Header Component

22

Etapa 22

22. Consuming File Exports

23

Etapa 23

23. Styling with React Native

24

Etapa 24

24. More on Styling Components

25

Etapa 25

25. Introduction to Flexbox

26

Etapa 26

26. Header Styling

27

Etapa 27

27. Making the Header Reusable

28

Etapa 28

28. Sourcing Album Data

29

Etapa 29

29. List Component Boilerplate

30

Etapa 30

30. Class Based Components

31

Etapa 31

31. Lifecycle Methods

32

Etapa 32

32. Network Requests

33

Etapa 33

33. Component Level State

34

Etapa 34

34. More on Component Level State

35

Etapa 35

35. Rendering a List of Components

36

Etapa 36

36. Displaying Individual Albums

37

Etapa 37

37. Fantastic Reusable Components - The Card

38

Etapa 38

38. Styling a Card

39

Etapa 39

39. Passing Components as Props

40

Etapa 40

40. Dividing Cards into Sections

41

Etapa 41

42. Positioning of Elements on Mobile

42

Etapa 42

43. More on Styling

43

Etapa 43

44. Images with React Native

44

Etapa 44

45. Displaying Album Artwork

45

Etapa 45

46. Making Content Scrollable

46

Etapa 46

47. Handling User Input with Buttons

47

Etapa 47

48. Styling of Buttons with UX Considerations

48

Etapa 48

49. Responding to User Input

49

Etapa 49

50. Linking Between Mobile Apps

50

Etapa 50

51. Setting Button Text by Props

51

Etapa 51

52. App Wrapup

52

Etapa 52

53. Auth App Introduction

53

Etapa 53

54. A Common Root Component

54

Etapa 54

55. Copying Reusable Components

55

Etapa 55

56. What is Firebase?

56

Etapa 56

57. Firebase Client Setup

57

Etapa 57

41. Mastering Layout with Flexbox

58

Etapa 58

58. Login Form Scaffolding

59

Etapa 59

59. Handling User Inputs

60

Etapa 60

60. More on Handling User Inputs

61

Etapa 61

61. How to Create Controlled Components

62

Etapa 62

62. Making Text Inputs From Scratch

63

Etapa 63

63. A Focus on Passing Props

64

Etapa 64

64. Making the Input Pretty

65

Etapa 65

65. Wrapping up Inputs

66

Etapa 66

66. Password Inputs

67

Etapa 67

67. Logging a User In

68

Etapa 68

68. Error Handling

69

Etapa 69

69. More on Authentication Flow

70

Etapa 70

70. Creating an Activity Spinner

71

Etapa 71

71. Conditional Rendering of JSX

72

Etapa 72

72. Clearing the Form Spinner

73

Etapa 73

73. Handling Authentication Events

74

Etapa 74

74. More on Conditional Rendering

75

Etapa 75

75. Logging a User Out and Wrapup

76

Etapa 76

76. App Mockup and Approach

77

Etapa 77

77. The Basics of Redux

78

Etapa 78

78. More on Redux

79

Etapa 79

80. Application Boilerplate

80

Etapa 80

81. More on Redux Boilerplate

81

Etapa 81

79. Redux is Hard!

82

Etapa 82

82. Rendering the Header

83

Etapa 83

83. Reducer and State Design

84

Etapa 84

84. Library List of Data

85

Etapa 85

85. JSON CopyPaste

86

Etapa 86

86. The Connect Function

87

Etapa 87

87. MapStateToProps with Connect

88

Etapa 88

88. A Quick Review and Breather

89

Etapa 89

89. The Theory of ListView

90

Etapa 90

90. ListView in Practice

91

Etapa 91

91. Rendering a Single Row

92

Etapa 92

93. Creating the Selection Reducer

93

Etapa 93

94. Introducing Action Creators

94

Etapa 94

92. Styling the List

95

Etapa 95

95. Calling Action Creators

96

Etapa 96

96. Adding a Touchable

97

Etapa 97

97. Rules of Reducers

98

Etapa 98

98. Expanding a Row

99

Etapa 99

99. Moving Logic Out of Components

100

Etapa 100

100. Animations

101

Etapa 101

101. Wrapup

102

Etapa 102

103. App Challenges

103

Etapa 103

104. Just a Touch More Setup

104

Etapa 104

105. More on Boilerplate Setup

105

Etapa 105

106. Login Form in a Redux World

106

Etapa 106

102. Overview of Our Next App

107

Etapa 107

108. Handling Form Updates with Action Creators

108

Etapa 108

109. Wiring up Action Creators

109

Etapa 109

110. Typed Actions

110

Etapa 110

107. Rebuilding the Login Form

111

Etapa 111

113. More on Creating Immutable State

112

Etapa 112

114. Synchronous vs Asynchronous Action Creators

113

Etapa 113

111. Immutable State

114

Etapa 114

112. Creating Immutable State

115

Etapa 115

115. Introduction to Redux Thunk

116

Etapa 116

117. Redux Thunk in Practice Continued

117

Etapa 117

119. Creating User Accounts

118

Etapa 118

121. A Firebase Gotcha

119

Etapa 119

122. Showing a Spinner on Loading

120

Etapa 120

116. Redux Thunk in Practice

121

Etapa 121

120. Showing Error Messages

122

Etapa 122

118. Making LoginUser More Robust

123

Etapa 123

123. Dealing with Navigation

124

Etapa 124

124. Navigation in the Router

125

Etapa 125

125. Addressing Styling Issues

126

Etapa 126

126. Displaying Multiple Scenes

127

Etapa 127

127. Navigating Between Routes

128

Etapa 128

128. Grouping Scenes with Buckets

129

Etapa 129

129. Navigation Bar Buttons

130

Etapa 130

131. Building the Employee Creation Form

131

Etapa 131

132. Employee Form Actions

132

Etapa 132

133. Handling Form Updates at the Reducer Level

133

Etapa 133

134. Dynamic Property Updates

134

Etapa 134

136. Pickers and Style Overrides

135

Etapa 135

130. Navigating to the Employee Creation Form

136

Etapa 136

135. The Picker Component

137

Etapa 137

137. Firebase JSON Schema

138

Etapa 138

139. Creating Records with Firebase

139

Etapa 139

140. Default Form Values

140

Etapa 140

141. Successful Data Save to Firebase

141

Etapa 141

138. Data Security in Firebase

142

Etapa 142

142. Resetting Form Properties

143

Etapa 143

144. Storing Data by ID

144

Etapa 144

146. Transforming Objects to Arrays

145

Etapa 145

147. List Building in Employee List

146

Etapa 146

145. Dynamic DataSource Building

147

Etapa 147

143. Fetching Data from Firebase

148

Etapa 148

149. Create vs Edit Forms

149

Etapa 149

148. Reusing the Employee Form

150

Etapa 150

150. Reusable Forms

151

Etapa 151

151. A Standalone Employee Edit Form

152

Etapa 152

152. Initializing Forms from State

153

Etapa 153

153. Updating Firebase Records

154

Etapa 154

154. Clearing Form Attributes

155

Etapa 155

155. Texting Employees

156

Etapa 156

156. Modals as a Reusable Component

157

Etapa 157

157. The Modal Component Continued

158

Etapa 158

158. Styling the Modal

159

Etapa 159

159. Employee Delete Action Creator

160

Etapa 160

161. Bonus? Bonus!

161

Etapa 161

160. Wiring up Employee Delete

13 octubre 2016 06 noviembre 2016
Objetivo completado 29 octubre 2016

Autor del objetivo

webFarrock

Rusia, Москва

40 año / año / año

General

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

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

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

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

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

 Criterio del fin

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

 Recursos personales

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

 Lo ecológico del objetivo

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

  • 2913
  • 13 octubre 2016, 19:55
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?