Skip to content

Instantly share code, notes, and snippets.

@RyanParsley
Last active May 12, 2016 13:52
Show Gist options
  • Select an option

  • Save RyanParsley/08bf215e94e19f3bca4ad0d68187c203 to your computer and use it in GitHub Desktop.

Select an option

Save RyanParsley/08bf215e94e19f3bca4ad0d68187c203 to your computer and use it in GitHub Desktop.
ng-conf 2016 recap

name: Angular Update class: middle, center

Angular Update

ng-conf recap

May 9, 2016

???

I'd like to take 5 minutes to give debrief of ng-conf and share my take on the state of Angular 2.


Angular 1

our story so far

???

  • Angular is very powerful
  • Your intuition needs to be oriented to how angular works
  • Once you know the native directives, you can avoid writing many classes of code
  • Digest cycle seems simple, then it doesn't... then it does... but I never quite trust that I fully grok it

Benefits of Angular 2

  • 5x faster rendering
  • Zones simplify digest
  • Simpler binding story []()
  • Less brittle module loading
  • Animations are reimagined
  • Progressive Web Apps

???

[] property binding () function binding [()] two way binding

  • 5x faster!? Shut up and take my money!
  • Why isn't this working? Did you try $scope.$apply()?
  • Instead of path based loading, it's id based and angular handles the id for you for free
  • Animations is the most debatable. After trying to handle animation state with non-trivial javascript on DRE, I see the appeal.
  • Hotdog in a box is easier to remember than & vs @ vs... stackoverflow.com: angular binding
  • PWA - 60fps performance

Shut up and take my money


TypeScript

  • Don't Panic
  • As JavaScript as you wanna be
  • Decorators are coming to Javascript with or without TypeScript
  • Initial attempts at compiling TypeScript bruised my ego

class: middle, center

Don't Panic


What's missing

  • Ecosystem of plugins and such
  • Tooling and documentation around best practices for workflows
  • Us

Angular CLI

  • Based on the ember-cli (a killer feature)
  • Beta (and it shows)
  • I want to use it very much

???

It took me a while to realize that it was ignoring my tsconf.json file. Then, once I figured that out, I couldn't find out how to override the destination folder [sad trombone]. If you don't care to change defaults, it ready to rock. It may negate my predilection to sketch ideas on codepen.


Now's the time

  • ngUpgrade
  • I'm wiring up Angular 2 into an internal project.
  • Release Candidate is good enough for me

??? Many big apps have deployed Angular 2 to production

  • Ad words, Fidelity, WeatherChannel, Capital One, LucidCharts to name a few

class: middle, center

Angular All The Things


Homework

Specifically

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment