~/talk

Let Your Angular Code Write Itself

Talkat AngularUP 2018 · 2018-06-01..06-30· [typescript, angular]
slides:none on file

Live-coding shows how to use the TypeScript AST and TS query to find and edit code: a tool is built that queries for console.log calls inside class methods and replaces them with AwesomeLoggingService.logInfo, tested with Jest and Wallaby and fixed ordering bugs by reversing matches. Demonstrations include running a TSQuery search across ~1M GitHub files, using schematics to generate modules, and a type with integration that infers runtime types and writes number/string/boolean annotations back into source successfully.

AI-written summary · about

  1. 0:00Angular CLI and schematics
  2. 6:23Understanding AST
  3. 8:55TS Query basics
  4. 14:29Querying code on GitHub
  5. 17:12Live refactoring demo
  6. 30:45Type-with tool and conclusion
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.