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
+17-84Lines changed: 17 additions & 84 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,35 +1,14 @@
1
1
# React Typescript by sample
2
2
3
-
This repo was deprecated (see _new samples_ section), but due to the popularity of it, we have decided to update all the samples to the newest package versions and best practices, sample that are already uptodate: 00, 01, 02, 03, 04, 05, 06, 07, 08, rest of sample _work in progress_, if you need to progress on more advanced sample please check our [React By Sample](https://github.com/Lemoncode/react-by-sample) and [Redux By Sample](https://github.com/Lemoncode/redux-by-sample) repos. Thanks for your support and stars ;-).
3
+
Due to the popularity of this repo @jsagardoy is getting them uptodate, right now migrated from 00 to 12.
4
4
5
-
# New samples
5
+
You can check as well other repos (react / redux + typescript):
6
+
-[React By Sample](https://github.com/Lemoncode/react-by-sample)
7
+
-[Redux By Sample](https://github.com/Lemoncode/redux-by-sample)
8
+
-[From React to Redux](https://github.com/Lemoncode/from-react-to-redux-ts)
The goal of this project is to provide a set of simple samples, providing and step by step guide to
35
14
start working with React and Typescript. Characteristics:
@@ -42,11 +21,7 @@ start working with React and Typescript. Characteristics:
42
21
+ Handling async calls via Redux-Thunk + Redux Saga.
43
22
+ Adding unit testing support.
44
23
+ Implementing Lazy Loading.
45
-
46
-
- Future enhancements:
47
-
48
-
+ Using Immutablejs.
49
-
+ Using React Hot Loader.
24
+
+ ...
50
25
51
26
## Call for contributors:
52
27
@@ -56,19 +31,12 @@ Are you interested in contributing into this project? If that's the case don't h
56
31
57
32
## To get started:
58
33
1. Install [NodeJS](http://www.nodejs.org)
59
-
2.`npm install webpack -g` - Installs webpack
60
-
3.`npm install tsd -g` - Installs tsd
61
-
4. Download this repo
34
+
2. Download this repo
62
35
5. Open the command line of your choice and cd to the root directory of this repo on your machine
63
36
6.`npm install` - Installs packages
64
37
7.`npm start` - Builds the project and launch a lite web server (webpack-devserver).
65
38
8. Navigate to [http://localhost:8080/](http://localhost:8080/) if your browser doesn't open automatically.
66
39
67
-
## IDE:
68
-
We have tested in:
69
-
+[Atom](https://atom.io/).
70
-
+[VS Code](https://code.visualstudio.com/).
71
-
72
40
# samples
73
41
74
42
## 00 Boiler plate
@@ -129,72 +97,37 @@ we will call async operations and fitting them into Redux architecture.
129
97
130
98
Display a busy indicator when an ajax request is in progress.
131
99
132
-
We have created here:
133
-
134
-
* A component that will take care of showing / displaying the busy indicator (spinner).
135
-
* A reducer that will take care of dispatching http requests in progress / completed.
136
-
* A http middleware that dispatch HttpCallCompleted action when http request is completed.
137
-
138
-
We have updated MemberAPI to use the http helper / wrapper.
100
+
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)
Create two custom middlewares uiNotificationMiddleware and navigationMiddleware
126
+
Pending update
189
127
190
128
## 17 Add support for ReactHotloader and ReduxDev Tools.
191
129
192
-
React Hot loader allows us to introduce changes in the application source code meanwhile we are running our web server and get the changes into our page without having to reload the browser and not losing the application state.
193
-
194
-
Redux dev tool is a chrome add-on that allows us to browse the state, replay actions, inject actions, export / import state...
195
-
196
-
*[React Hot Loader](https://github.com/gaearon/react-hot-loader)
197
-
*[Redux Dev Tool](https://github.com/gaearon/redux-devtools)
0 commit comments