angular-react-lazy-loading icon indicating copy to clipboard operation
angular-react-lazy-loading copied to clipboard

Angular 18 & React 18 Examples Lazy Loading

Angular 18 & React 18 Examples Lazy Loading

Ganatan Angular Example routing

it's part of a repo series designed

to create a Web Application with Angular 18

  • Featuring Angular 18.0.2 & Angular CLI 18.0.3

  • 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

Angular Live Demo

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

Angular 14 Example 
      Application

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 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 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

Demo example

Angular Getting started

Installation

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

Development

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

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