search

artsy-entrepreneurs / early-screens-personal-network-discipline

0 stars 0 forks source link

As new to angular — work through stackblitz hosted offical ecommerce angular demo app — so that you are aware of some basics #9

Open sumeetpareek opened 3 years ago

sumeetpareek commented 3 years ago

Here is the demo app to work through: https://angular.io/start

DONE WHEN

https://stackblitz.com/edit/angular-6krgdu?file=src/app/app.component.ts

add favicon https://github.com/storybookjs/storybook/commit/4df1247f4a1426dac2534e718707d4ffe22d4b3d

sumeetpareek commented 3 years ago

Things learned

how can you get temp working data? by exporting structured json array, as constant, in typescript file like products.ts, and importing it in any component.

what are different visual cues for attribute, event/callback, and directive in component html? 

[attribute]
(event)
*ngIfThisDirective

what are OOP basics? component class, properties, methods, decorators, "importing from modules", etc.

how can parent pass data to child component? by attribute in html of child mention in parent, where child has @input decorator to get data

how can child tell parent an event happend? by @Output decorator and new EventEmitter() that parent can mention in html of child embedding, and define functions to take action on that event