No video

Standalone APIs in Angular v16

  Рет қаралды 18,905

Angular

Angular

Күн бұрын

Пікірлер: 17
@Angular
@Angular Жыл бұрын
Learn more about Angular v16 → goo.gle/angular-v16 Migrate an existing Angular project to standalone → goo.gle/3HnTMFR Getting started with standalone components → goo.gle/angular-standalone-routing
@BojanKogoj
@BojanKogoj Жыл бұрын
I stay up to date with everything Angular related, but this video is the first time i saw there is a migration as well! Nice
@CompCohen
@CompCohen Жыл бұрын
The docs show that loadComponent() is still implemented like so export const ROUTES: Route[] = [ {path: 'admin', loadComponent: () => import('./admin/panel.component').then(mod => mod.AdminPanelComponent)}, // ... ];
@LeandroTassinari
@LeandroTassinari Жыл бұрын
What is the difference between component import and component module import? Can the two coexist? When migrating to v16 and also migrating to the standalone component, it got confusing.
@toxaq
@toxaq Жыл бұрын
Component import directly imports a standalone component.
@ahmedrashad494
@ahmedrashad494 Жыл бұрын
Is this method correct, because I applied the same as you did, but it shows me an error, but with this method it works fine .. import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; @Component({ selector: 'app-products', standalone: true, imports: [CommonModule], templateUrl: './products.component.html', styleUrls: ['./products.component.css'] }) export class ProductsComponent { }...... this is teh route >>> { path: 'products', loadComponent: () => import('./Components/products/products.component').then( (m) => m.ProductsComponent ), },
@CompCohen
@CompCohen Жыл бұрын
Looks they got it wrong in the video. The docs show that loadComponent() is still implemented like so export const ROUTES: Route[] = [ {path: 'admin', loadComponent: () => import('./admin/panel.component').then(mod => mod.AdminPanelComponent)}, // ... ];
@ahmedrashad494
@ahmedrashad494 Жыл бұрын
@@CompCohen Thank you
@BillMoates-wh7mp
@BillMoates-wh7mp 9 ай бұрын
I don't understand
@envo2199
@envo2199 Жыл бұрын
improving dev experience == improving noob experience. never understood what is hard about learning modules
@YordanTGeorgiev
@YordanTGeorgiev Жыл бұрын
True but I see one very good outcome of standalone components is that now we can see each component dependencies very easy
@totallynotchosen183
@totallynotchosen183 Жыл бұрын
what is bad about improving noob experience? you said it like its a bad thing
@envo2199
@envo2199 Жыл бұрын
@@totallynotchosen183 because i have to learn how to read and understand and debug this aproach also
@totallynotchosen183
@totallynotchosen183 Жыл бұрын
@@envo2199 thats the quirk of webdev world. Always new stuff to learn. Personally I like it more than the alternative.
@toxaq
@toxaq Жыл бұрын
Modules weren’t hard. Sharing components between modules was. Hence why every project unnecessarily had a “SharedModule” that every reused component was thrown in. It was very poor design and good riddance to it.
@BillMoates-wh7mp
@BillMoates-wh7mp 9 ай бұрын
This may not be a good idea.
Migrate to Standalone Components using the Angular CLI
18:43
Deborah Kurata
Рет қаралды 9 М.
Rethinking reactivity with Angular Signals
10:57
Angular
Рет қаралды 19 М.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 44 МЛН
Can This Bubble Save My Life? 😱
00:55
Topper Guild
Рет қаралды 86 МЛН
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 48 МЛН
Angular v16 release recap
6:32
Angular
Рет қаралды 46 М.
Why I decided to switch to the inject() function in Angular
6:10
Joshua Morony
Рет қаралды 57 М.
Simplify with Angular Standalone Components
9:31
Deborah Kurata
Рет қаралды 16 М.
Routing in Angular 17 and Lazyload Standalone Components
13:54
Adnan Halilovic
Рет қаралды 18 М.
What’s new in Angular v18
20:08
Angular
Рет қаралды 118 М.
Angular Standalone Components - No Ngmodules Anymore
7:54
Monsterlessons Academy
Рет қаралды 16 М.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 44 МЛН