Angular 18 & React 18 Examples Lazy Loading

it's part of a repo series designed to create a Web Application with Angular 18 Featuring Angular 18.2.11 & Angular CLI 18.2.11 See the Live demo, Test the repo with Quick start and for more information Read the step by step Tutorial or read the Getting started to create a Web Application with React 18 Featuring React 18.3.1 & Create-react-app 5.0.1

Angular Live Demo

Here is a working live demo : https://angular.ganatan.com

Angular Quick start

# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-react-lazy-loading.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-react-lazy-loading.git

# change directory
cd angular-react-lazy-loading
cd frontend-angular

# install the repo with npm
npm install

# start the server
npm start

in your browser go to http://localhost:4200

React Quick start

# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-react-lazy-loading.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-react-lazy-loading.git

# change directory
cd angular-react-lazy-loading
cd frontend-react

# install the repo with npm
npm install

# start the server
npm start

in your browser go to http://localhost:3000

Tutorial

Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loading-with-angular

Angular Getting started

Installation

• npm install (installing dependencies)
• npm outdated (verifying dependencies)

Development

• npm run start
• in your browser go to http://localhost:4200

Production

• npm run build

Linter

• npm run lint

Tests

• npm run test
• npm run coverage

React Getting started

Installation

• npm install (installing dependencies)
• npm outdated (verifying dependencies)

Development

• npm run start
• in your browser go to http://localhost:3000

Production

• npm run build

Linter

• npm run lint

Tests

• npm run test
• npm run coverage

Author

• Author : danny

English Tutorials

• Installation - https://www.ganatan.com/tutorials/lazy-loading-with-angular
• step-by-step Tutorials - https://www.ganatan.com/tutorials/en

Tutoriels en français

• Installation - https://www.ganatan.com/tutorials/lazy-loading-avec-angular
• Tutoriels Etape par étape - https://www.ganatan.com/tutorials