1- # Angular 13 Example Lazy Loading
1+ # Angular 13 & React 18 Examples Lazy Loading
22
33<table >
44<tr >
1111it's part of a repo series designed to create a ** Web Application with Angular 13**
1212
1313
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/ )
1515
1616
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+
1825
1926</td >
2027</tr >
2128</table >
2229
23- # [ Live Demo] ( #live-demo )
30+ # [ Angular Live Demo] ( #angular- live-demo )
2431Here is a working live demo : https://angular.ganatan.com
2532
2633<p align =" center " >
@@ -32,18 +39,20 @@ Here is a working live demo : https://angular.ganatan.com
3239 </p >
3340</p >
3441
35- # [ Quick start] ( #quick-start )
42+
43+ # [ Angular Quick start] ( #angular-quick-start )
3644
3745``` bash
3846# choose a repo
3947# 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
4149
4250# 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
4452
4553# change directory
46- cd angular-lazy-loading
54+ cd angular-react-lazy-loading
55+ cd angular
4756
4857# install the repo with npm
4958npm install
@@ -55,6 +64,31 @@ npm start
5564in your browser go to [ http://localhost:4200 ] ( http://localhost:4200 )
5665
5766
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+
5892# [ Tutorial] ( #quick-start )
5993
6094Here 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
6599 </a >
66100</p >
67101
68- # [ Getting started] ( #getting-started )
102+ # [ Angular Getting started] ( #angular- getting-started )
69103
70104
71105## Installation
@@ -82,6 +116,25 @@ Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loadin
82116## Tests
83117* ` npm run test `
84118
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+
85138# [ Author] ( #author )
86139* Author : danny
87140
0 commit comments