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; }
