New Flashcards
Angular 4.2 - new
reusable animations
invoke reusable animations via
the useAnimation() function ie useAnimation(fadeAnimation, { params: {} })
dynamic imports in TS 2.14 allows
an even deeper layer of lazy loading
taskr
a fast, concurrency-based task automation tool (JS) (26 contributors)
await is like . . .
waiting for a promise (if successful will return value)
async/await supported since
TypeScript 1.7 (ES6 only); TS 2.1: ES3/5
an async function should always return
a Promise<>
what do you call generating code for older EC* versions
downleveling
what do you need to polyfill if targeting ES3/5
Promise
example of a delay() function that can be await’ed
function delay(ms) { return new Promise(function (resolve) { setTimeout(resolve, ms); }); }
example of staggering output in the console
async function asyncAwait() { console.log(“Knock, knock!”); await delay(1000); console.log(“Who’s there?”); await delay(1000); console.log(“async/await!”); }
TS2 lets you specify ___ types
non-nullable
for stricter null checking in TS2
you can enable the strictNullChecks compiler option
after turning on strict null checking
we need to explicitly opt into nullability
how to opt in to nullability
construct a union type containing the null or undefined types
If we make the lastName property optional by appending a ? to its name
the undefined type is automatically added to the union type
TS compiler will now complain if . . .
you access a property or invoke a nullable function - you’ll have to use null guards
Recomposer
can think of as lodash for React
Loopback
node.js framework; makes it easy to build modern applications that require complex integrations
axios
promise based HTTP client for the browser and node.js
Normalizr
a utility that normalizes data with nested objects
a saga is . . .
like a separate thread in your application that’s solely responsible for side effects
redux-saga
a library that aims to make side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) in React/Redux applications easier
interesting pattern-matching technique (lo-fi version is a switch statement)
interface NumberPattern { One: () => T; Two: () => T; Three: () => T; Other: (n: number) => T; } interface NumberMatcher { match(p: NumberPattern): T; }
a ViewContainerRef is
A DOM element (container) where I can put your newly component as a sibling to this element
a method on ViewContainerRef is
createEmbeddedView(tpl) where “tpl” is a in your current view
you can declare a named template on your component
@ViewChild(‘tpl’) tpl; or @ViewChild(‘container’, { read: ViewContainerRef }) _vcr;
We can use the ViewChild decorator to
…grab any element in our view and read it as ViewContainerRef
You can inject a ___ and use its API
ChangeDetectorRef
the detach() method
detaches the change detector from the change detector tree
You can use the ___ decorator on a method in your component to listen for fine-grained parent changes
@HostListener(‘change’, [‘$event.target.checked’]) change( checked ) { …
ngrx/store
Has a very cool Chrome DevTools plugin
imports for ngrx
import { StoreDevtoolsModule } from ‘@ngrx/store-devtools’; import { StoreModule } from ‘@ngrx/store’;
reducers are . . .
possible actions (in this case pure functions) for each property defined in the store
Doomfist ultimate
Meteor Strike
other new Doomfist stuff
Hand Cannon, Seismic Slam, Rising Uppercut, Rocket Punch
with tagged union types
With tagged union types, if you have a switch or if statement with branches for every possible value, you can make compiler to check that all cases are handled. For example, if you turn on –noImplicitReturns and remove case “circle” from area() function in this example, you get ‘Not all code paths return a value’ error
Pinned Down
red; neutral; cost 1; spot a vehicle to remove a die (like Flank)
Weapons Factory Alpha
battlefield; cost of first vehicle per turn is reduced by 1
slow deck
as in, vehicle decks are slow decks
Thermal Paint
yellow; hero; 2-cost weapon, no die - when activating, 1 damage to opponent character
LRIK Sonic Cannon
red; neutral; 5-cost; big guns (up to 6 for 3 resources); if exhaust a character. don’t have to pay
Roll On
gray; neutral; 0-cost; reroll a die up to 3 times
Mace Windu
blue; hero; 16/22; lots of melee; action: remove this die to defeat an enemy character 2 or less HP
Ezra Bridger
force-sensitive thief; yellow; hero; 7/10; may play blue upgrades; special: take 1 resource from opponent
Master of the Council
blue hero upgrade; 4-cost; some big +-melees; special: “spend 2 to ready a character”
binder card
a card that is not that good
Thrawn
red villain; 12hp; 14/17; has a 2-resource; on activation, can mill your opponent’s hand for a card costing a number that you choose. Great power! But expensive
Ruthless Tactics
red; villain; 0; resolve a die, increasing its value by the resource cost on it
The Day is Ours
red; neutral; 2-cost; claim the battlefield even if it’s already claimed
