fetis / 30-seconds-of-angular Goto Github PK

View Code? Open in Web Editor NEW

32.0 5.0 2.0 1.58 MB

Curated collection of Angular snippets that you can understand in 30 seconds or less

Home Page: https://30.codelab.fun

License: Creative Commons Zero v1.0 Universal

JavaScript 50.56% CSS 9.19% Handlebars 40.25%

awesome-list angular snippets snippets-collection learning-resources learn-to-code programming javascript

30-seconds-of-angular's People

Contributors

Stargazers

Watchers

Forkers

matheusnascgomes zverkos

30-seconds-of-angular's Issues

For every pull request generate readme automatically in travis and add it to the PR

Is it even a good idea?

make social media preview more sharp

current look

add dark theme

[ ] site dark theme
[ ] playground
[ ] form

some fun with CSS Houdini

Add a snippet on why pure pipes are more performant than function calls

https://github.com/danrevah/ngx-pipes

Add twitter field in the snippet template

Pupulate README template with badges and all the meta information

The template is here
https://github.com/nycJSorg/30-seconds-of-angular/blob/master/templates/README-template.md

fix style issues

make it nice 🦄 🌈 ✨

Have a call with @fejes713

(Translate it and add) Hash function of multiple fields for trackBy

trackBy принимает на вход hash функцию, соответственно можно написать любую свою. В самом простом понимании, мы просто возвращаем уже готовый примитив из объекта.

Если надо по нескольким полям, то делаем простую вещь:
— берем все необходимые поля
— конкатенируем

trackBy(index: number, animal: Animal): string {
  return [ animal.name, animal.type, … ].join('🦊');
}

feature: Specify external libraries for a snippet

Think about way to specify external libs. Maybe with unpkg.com?

Document that it's possible to import by URL

https://angular-checklist.io/default/checklist/architecture

Create a tip linking to the cheat sheet

https://angular.io/guide/cheatsheet

https://twitter.com/yurzui/status/1117893624643997696

what is a change event on all components?

Add links to codelab and github in the header

create 30sec_angular twitter account

Move licence/.md file from one of the other repos

Look at
https://github.com/30-seconds/30-seconds-of-react
https://github.com/30-seconds/30-seconds-of-code

Files we'd potentially want:
CODE_OF_CONDUCT.md Updated for transfer to org 6 months ago
COLLABORATING.md Updated for transfer to org 6 months ago
CONTRIBUTING.md Update CONTRIBUTING.md 24 days ago
LICENSE

Set up CI to `npm run generate` on every request

buttons overflow

https://30.codelab.fun/accessing-all-nested-form-controls/

Snippet idea: Typed forms

[{provide: ControlContainer, useExisting: forwardRef(() => NgForm)}],

Rename Author -> github?

Also fix those

Router -> matcher snippet

add statistics

статистику добавить в футер. типа
100 сниппетов
66 тегов
12 авторов

.svg name in templateUrl

in twitter button #share -> #angular #30SecondsOfAngular

readonly yo = new FormControl(); @Output() readonly change = this.yo.valueChanges;

readonly yo = new FormControl();
@output() readonly change = this.yo.valueChanges;

fix form issues

ngTemplateOutlet snippet

сниппета с ngTemplateOutlet
так ведь по идее можно переиспользовать куски кода в шаблоне

Fix spacing in tags

Distorted add icons on form

form array snippet

beginners level, but I always forget details about how to make it

fb.array([
  fb.group({ firstName: 'foo', lastName: null }),
  fb.group({ firstName: 'x', lastName: 'y'  }),
])

Add readme

add twitter name

fetis26 to my snippets

NgModel

Link author to github?

ngIfElse

Playground improvements

replace chrome-like address bar with a custom one. it should be still clear that this's address. address should be read-only
show loader while playground initializing.

allow filtering by level

tag in every snippet
menu on top

what is a change event on all components?

Add linting for code

and add for CI