Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ganatan/angular-react-lazy-loading
Angular 19 & React 18 Examples Lazy Loading
https://github.com/ganatan/angular-react-lazy-loading
angular angular16 angular17 angular18 angular19 create-router-dom lazy-loading react react18 router routing starter suspense
Last synced: about 5 hours ago
JSON representation
Angular 19 & React 18 Examples Lazy Loading
- Host: GitHub
- URL: https://github.com/ganatan/angular-react-lazy-loading
- Owner: ganatan
- Created: 2018-11-26T14:39:00.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-12-27T09:21:08.000Z (about 1 month ago)
- Last Synced: 2025-01-30T14:11:14.551Z (8 days ago)
- Topics: angular, angular16, angular17, angular18, angular19, create-router-dom, lazy-loading, react, react18, router, routing, starter, suspense
- Language: TypeScript
- Homepage:
- Size: 6.75 MB
- Stars: 48
- Watchers: 2
- Forks: 30
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 19 & React 18 Examples Lazy Loading
it's part of a repo series designed
to create a **Web Application with Angular 19**
* Featuring [**Angular 19.0.5**](https://github.com/angular/angular/releases) & [**Angular CLI 19.0.6**](https://github.com/angular/angular-cli/releases/)
* 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)
to create a **Web Application with React 18**
* Featuring [**React 18.3.1**](https://github.com/facebook/react/releases) & [**Create-react-app 5.0.1**](https://github.com/facebook/create-react-app/releases)
# [Angular Live Demo](#angular-live-demo)
Here is a working live demo : https://angular.ganatan.com
# [Angular Quick start](#angular-quick-start)
```bash
# 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](http://localhost:4200)
# [React Quick start](#react-quick-start)
```bash
# 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](http://localhost:3000)
# [Tutorial](#quick-start)
Here is a step by step Tutorial : https://www.ganatan.com/tutorials/lazy-loading-with-angular
# [Angular Getting started](#angular-getting-started)
## Installation
* `npm install` (installing dependencies)
* `npm outdated` (verifying dependencies)
## Development
* `npm run start`
* in your browser go to [http://localhost:4200](http://localhost:4200)
## Production
* `npm run build`
## Linter
* `npm run lint`
## Tests
* `npm run test`
* `npm run coverage`
# [React Getting started](#react-getting-started)
## Installation
* `npm install` (installing dependencies)
* `npm outdated` (verifying dependencies)
## Development
* `npm run start`
* in your browser go to [http://localhost:3000](http://localhost:3000)
## Production
* `npm run build`
## Linter
* `npm run lint`
## Tests
* `npm run test`
* `npm run coverage`
# [Author](#author)
* Author : danny
## [English Tutorials](#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](#french-tutorials)
- Installation - https://www.ganatan.com/tutorials/lazy-loading-avec-angular
- Tutoriels Etape par étape - https://www.ganatan.com/tutorials