https://github.com/vijayksingh/angular-recipies-cookbook

👨‍💻📚🐱‍💻🍴 Cook-Book For Angular Developers (Beginners to Advance Patterns)
https://github.com/vijayksingh/angular-recipies-cookbook

angular angular2 angular4 angular5 angular6 angular7 functional-programming reactive-programming rxjs

Last synced: 6 days ago
JSON representation

👨‍💻📚🐱‍💻🍴 Cook-Book For Angular Developers (Beginners to Advance Patterns)

• Host: GitHub
• URL: https://github.com/vijayksingh/angular-recipies-cookbook
• Owner: vijayksingh
• Created: 2019-08-25T11:31:29.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-26T06:57:38.000Z (over 4 years ago)
• Last Synced: 2024-10-18T11:19:02.540Z (29 days ago)
• Topics: angular, angular2, angular4, angular5, angular6, angular7, functional-programming, reactive-programming, rxjs
• Homepage:
• Size: 7.81 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular-Recipies-Cookbook

The goal of this repo would be to serve as a cookbook for other developers to get help while creating complex components in Angular.

## Angular Recipes

### Change Detection

> This is an Advance Topic, preffered to pick it up only once you have about some experience in writing apps in Angular

- [ ] [How change detection works from Inside Out](https://youtu.be/DsBy9O0c6eo)

### Dependency Injection

###

## RxJS Recipes

### Beginner Concepts

> We will start from the basics, how you can create an observable from a DOM Event

- [ ] [Learn Creating Observables from DOM Event](https://stackblitz.com/edit/rxjs-beginner-concepts)

- [ ] [Learn Basics of Combining Operators](https://stackblitz.com/edit/rxjs-combination-operators)

- [ ] [Video: What is the difference between Observable vs Promise](https://youtu.be/9A-vM95I3UU)

### Medium Concepts

- [ ] [Learn To Create Observables](https://stackblitz.com/edit/reactive-programming-from-scratch)

### Hard Concepts

- [ ] [A simple Shopping Cart Example](https://stackblitz.com/edit/angular-simple-rxjs-shopping-cart-example-demo)

## Functional Programming Recipes

### Beginner Concepts

A simple example Use-Case to "Add a DIV to HTML" while keeping the functions pure.

- [A small example of Currying](https://stackblitz.com/edit/functional-programming-1)

- [FrontEndMaster FP Course Notes]()

## Appendix

This list will act like a mental model for me to remember what each concept is in term of the technologies described above.

You can also use it as a Q/A format to test your own level of the concepts in Angular, RxJS and functional Programming.

  How is Component Instance is represented inside Angular ?

  In Angular each component is an instance of Data structure called View.

  What is a binding in Angular ?

  A binding is a datastructure which tracks 2 things source of the change and the View datastructure where the change has to be

  implemented.

  

  [property]="something"