1
- # Angular 13 Example Lazy Loading
1
+ # Angular 13 & React 18 Examples Lazy Loading
2
2
3
3
<table >
4
4
<tr >
11
11
it's part of a repo series designed to create a ** Web Application with Angular 13**
12
12
13
13
14
- * Featuring [ ** Angular 13.3.8 ** ] ( https://github.com/angular/angular/releases ) & [ ** Angular CLI 13.3.5 ** ] ( https://github.com/angular/angular-cli/releases/ )
14
+ * Featuring [ ** Angular 13.3.10 ** ] ( https://github.com/angular/angular/releases ) & [ ** Angular CLI 13.3.7 ** ] ( https://github.com/angular/angular-cli/releases/ )
15
15
16
16
17
- * See the [ ** Live demo** ] ( #live-demo ) , Test the repo with [ ** Quick start** ] ( #quick-start ) and for more information Read the step by step [ ** Tutorial** ] ( #tutorial ) or read the [ ** Getting started** ] ( #getting-started )
17
+ * See the [ ** Live demo** ] ( #angular-live-demo ) , Test the repo with [ ** Quick start** ] ( #angular-quick-start ) and for more information Read the step by step [ ** Tutorial** ] ( #angular-tutorial ) or read the [ ** Getting started** ] ( #angular-getting-started )
18
+
19
+
20
+ it's part of a repo series designed to create a ** Web Application with React 18**
21
+
22
+
23
+ * Featuring [ ** React 18.1.0** ] ( https://github.com/facebook/react/releases ) & [ ** Create-react-app 5.0.1** ] ( https://github.com/facebook/create-react-app/releases )
24
+
18
25
19
26
</td >
20
27
</tr >
21
28
</table >
22
29
23
- # [ Live Demo] ( #live-demo )
30
+ # [ Angular Live Demo] ( #angular- live-demo )
24
31
Here is a working live demo : https://angular.ganatan.com
25
32
26
33
<p align =" center " >
@@ -32,18 +39,20 @@ Here is a working live demo : https://angular.ganatan.com
32
39
</p >
33
40
</p >
34
41
35
- # [ Quick start] ( #quick-start )
42
+
43
+ # [ Angular Quick start] ( #angular-quick-start )
36
44
37
45
``` bash
38
46
# choose a repo
39
47
# download the example or clone the repo from github
40
- git clone https://github.com/ganatan/angular-lazy-loading.git
48
+ git clone https://github.com/ganatan/angular-react- lazy-loading.git
41
49
42
50
# download the example or clone the repo from gitlab
43
- git clone https://gitlab.com/ganatan/angular-lazy-loading.git
51
+ git clone https://gitlab.com/ganatan/angular-react- lazy-loading.git
44
52
45
53
# change directory
46
- cd angular-lazy-loading
54
+ cd angular-react-lazy-loading
55
+ cd angular
47
56
48
57
# install the repo with npm
49
58
npm install
@@ -55,6 +64,31 @@ npm start
55
64
in your browser go to [ http://localhost:4200 ] ( http://localhost:4200 )
56
65
57
66
67
+ # [ React Quick start] ( #react-quick-start )
68
+
69
+ ``` bash
70
+ # choose a repo
71
+ # download the example or clone the repo from github
72
+ git clone https://github.com/ganatan/angular-react-lazy-loading.git
73
+
74
+ # download the example or clone the repo from gitlab
75
+ git clone https://gitlab.com/ganatan/angular-react-lazy-loading.git
76
+
77
+ # change directory
78
+ cd angular-react-lazy-loading
79
+ cd react
80
+
81
+ # install the repo with npm
82
+ npm install
83
+
84
+ # start the server
85
+ npm start
86
+
87
+ ```
88
+ in your browser go to [ http://localhost:3000 ] ( http://localhost:3000 )
89
+
90
+
91
+
58
92
# [ Tutorial] ( #quick-start )
59
93
60
94
Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loading-with-angular
@@ -65,7 +99,7 @@ Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loadin
65
99
</a >
66
100
</p >
67
101
68
- # [ Getting started] ( #getting-started )
102
+ # [ Angular Getting started] ( #angular- getting-started )
69
103
70
104
71
105
## Installation
@@ -82,6 +116,25 @@ Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loadin
82
116
## Tests
83
117
* ` npm run test `
84
118
119
+
120
+
121
+ # [ React Getting started] ( #react-getting-started )
122
+
123
+
124
+ ## Installation
125
+ * ` npm install ` (installing dependencies)
126
+ * ` npm outdated ` (verifying dependencies)
127
+
128
+ ## Development
129
+ * ` npm run start `
130
+ * in your browser go to [ http://localhost:3000 ] ( http://localhost:3000 )
131
+
132
+ ## Production
133
+ * ` npm run build `
134
+
135
+ ## Tests
136
+ * ` npm run test `
137
+
85
138
# [ Author] ( #author )
86
139
* Author : danny
87
140
0 commit comments