You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: readme.md
+21-21Lines changed: 21 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,11 +7,11 @@ We have incorporated a set of examples based on hooks.
7
7
8
8
Right now you got two main folders:
9
9
10
-
- Hooks: set of samples migrated to hooks (right now 11 samples migrated), if you are new to
10
+
-[Hooks](./hooks): set of samples migrated to hooks (right now 11 samples migrated), if you are new to
11
11
React, or you are going to start working on a new project, I recommend you going through these
12
12
examples.
13
13
14
-
- Old_class_components_samples: The old samples, just in case you need to work with older react
14
+
-[Old_class_components_samples](./old_class_components_samples): The old samples, just in case you need to work with older react
15
15
versions or you need to maintain legacy code.
16
16
17
17
You can check as well other repos (react / redux + typescript):
@@ -115,44 +115,44 @@ axios to perform the fetch call.
115
115
116
116
## Old Class folder
117
117
118
-
## 00 Boiler plate
118
+
###00 Boiler plate
119
119
120
120
Bundling + npm start based on webpack.
121
121
122
-
## 01 Hello React
122
+
###01 Hello React
123
123
124
124
Hello world, simples react render sample.
125
125
126
-
## 02 Components
126
+
###02 Components
127
127
128
128
Creating a common header and about page react components.
129
129
130
-
## 03 Navigation
130
+
###03 Navigation
131
131
132
132
Creating a "members" page, adding navigation using react-router.
133
133
134
-
## 04 Display data
134
+
###04 Display data
135
135
136
136
Create a read only list component (table >> tr >> td), reading list of members
137
137
from a fake api and dumping it into component state.
138
138
139
-
## 05 Presentational Components
139
+
###05 Presentational Components
140
140
141
141
Breaking the list component into two: list and row compomenent, member row
142
142
entity passed via props.
143
143
144
-
## 06 Handling asynchronous calls
144
+
###06 Handling asynchronous calls
145
145
146
146
Members fake api replaced with async call to api github to retrieve list of
147
147
members of a given team.
148
148
149
-
## 07 Forms
149
+
###07 Forms
150
150
151
151
In this sample we will add a link in the members page that will navigate to a
152
152
"new member page". This new page will display a form where you have to enter
153
153
the avatar url, login and id of a new member (just supossing we can edit that info).
154
154
155
-
## 08 ParamNavigation + Validations
155
+
###08 ParamNavigation + Validations
156
156
157
157
Edit a given member, here we learn how to add params to a navigation link and
158
158
how to obtain them from a component.
@@ -161,47 +161,47 @@ Validation performed so far:
161
161
162
162
- Login: required, must be a string (at least length 3).
163
163
164
-
## 09 Redux
164
+
###09 Redux
165
165
166
166
Added Redux support, isolated state into Redux reducers, implement load, save,
167
167
basic validation cycle. This sample uses the fake api, in following samples
168
168
we will call async operations and fitting them into Redux architecture.
169
169
170
-
## 10 SpinnerAsync
170
+
###10 SpinnerAsync
171
171
172
172
Display a busy indicator when an ajax request is in progress.
173
173
174
174
To have a global count of promises gong on we are using [reat-promise-tracker](https://github.com/Lemoncode/react-promise-tracker) and to display a cool spinner [react-spinner](https://github.com/davidhu2000/react-spinners)
175
175
176
-
## 11 Testing reducers
176
+
###11 Testing reducers
177
177
178
178
Sample updated using Jest.
179
179
180
-
## 12 Testing actions
180
+
###12 Testing actions
181
181
182
182
Sample updated using Jest.
183
183
184
-
## 13 Testing components (Containers and Presentationals)
184
+
###13 Testing components (Containers and Presentationals)
185
185
186
186
Pending update Jest + Enzyme
187
187
188
-
## 14 Replacing Redux Thunk with Redux Saga
188
+
###14 Replacing Redux Thunk with Redux Saga
189
189
190
190
Pending update
191
191
192
-
## 15 Lazy Loading and React-Router
192
+
###15 Lazy Loading and React-Router
193
193
194
194
Pending update
195
195
196
-
## 16 Add custom middlewares
196
+
###16 Add custom middlewares
197
197
198
198
Pending update
199
199
200
-
## 17 Add support for ReactHotloader and ReduxDev Tools.
200
+
###17 Add support for ReactHotloader and ReduxDev Tools.
201
201
202
202
Pending update
203
203
204
-
## 18 Hooks
204
+
###18 Hooks
205
205
206
206
Replace class components by stateless components using Hooks.
0 commit comments