12 2016 档案
摘要:While certain fields in a GraphQL Schema can be optional, there are some fields or arguments that are necessary in order to either fulfill a query, or
阅读全文
摘要:In GraphQL, every field and nested object is able to take in arguments of varying types in order to do common operations like fetching an object by it
阅读全文
摘要:Writing out a GraphQL Schema in the common GraphQL Language can work for simple GraphQL Schemas, but as our application grows, or when we start using
阅读全文
摘要:If we have a GraphQL Schema expressed in terms of JavaScript, then we have a convenient package available to us that let’s us easily serve up our sche
阅读全文
摘要:In order to handle collections of items in a GraphQL Schema, GraphQL has a List Type. In this video, we’ll learn the syntax for specifying a List of i
阅读全文
摘要:We can create the most basic components of our GraphQL Schema using GraphQL's Object Types. These types allow us to group related fields together unde
阅读全文
摘要:we’ll take a look at the GraphQL Language and write out our first GraphQL Schema. We’ll use the graphql package available to us through npm to parse o
阅读全文
摘要:By default, Travis will build all branches, tags, and Pull Requests. Because we're building our master branch before we release, we don't need Travis
阅读全文
摘要:groupBy() is another RxJS operator to create higher order observables. In this lesson we will learn how groupBy works for routing source values into d
阅读全文
摘要:There are variants of the window operator that allow you to split RxJS observables in different ways. In this lesson we will explore the windowToggle
阅读全文
摘要:Structural directives enable you to use an element as a template for creating additional elements. Creating structural directives requires a knowledge
阅读全文
摘要:We take our Promise.all() analogy further by using traversable on a Map(). Then we use two traversals in the same workflow. Traverse is good for maint
阅读全文
摘要:You can change behaviors of element and @Component properties based on services using @HostBinding in @Directives. This allows you to build @Directive
阅读全文
摘要:A @Directive is used to add behavior to elements and components in your application. This makes @Directives ideal for behaviors such as "tracking" whi
阅读全文
摘要:const curry = R.curry((fns, ary) => R.ap(fns, ary)); const applyMultiAndAdd = curry([R.multiply(2), R.add(3)]); const res = applyMultiAndAdd([1,2,3]); console.log(res); //[2, 4, 6, 4, 5, 6] const...
阅读全文
摘要:We find a couple of DOM nodes that may or may not exist and run a calculation on the page height using applicatives. For example we want to get the ma
阅读全文
摘要:Mapping the values of an observable to many inner observables is not the only way to create a higher order observable. RxJS also has operators that ta
阅读全文
摘要:A @Directive can also listen to events on their host element using @HostListener. This allows you to add behaviors that react to user input and update
阅读全文
摘要:The @Input decorator allows you to pass values into your @Directive so that you can change the value of the Directive each time that it is used. Using
阅读全文
摘要:Angular 2 Directives allow you manipulate elements by adding custom behaviors through attributes. This lesson covers how to create a Directive and att
阅读全文
摘要:We see what it means to curry a function, then walk through several examples of curried functions and their use cases. For example we have an 'add' fu
阅读全文
摘要:Recommend to use angular-cli to generate component and service, so we can get testing templates. Component with injected service: Service:
阅读全文
摘要:Like switchMap and mergeMap, concatMap is a shortcut for map() followed by a concatAll(). In this lesson we will explore this RxJS operator and its pr
阅读全文
摘要:Like RxJS switchMap() is a shortcut for map() and switch(), we will see in this lesson how mergeMap() is a shortcut for map() and mergeAll(), and lear
阅读全文
摘要:We examine the of function we've seen on a few types and discover it's the Pointed interface. Instead of doing constructor way of Task: We can just sa
阅读全文
摘要:We learn the formal definition of a functor and look at the laws they obey. Any Functor should follow two rules: 1. Function composition: Map twice eq
阅读全文
摘要:We refactor a standard node callback style workflow into a composed task-based workflow. For example we have the code as following: We want to wrap as
阅读全文
摘要:In this lesson we will use Animated.timing to animate the opacity and height of a View in our React Native application. This function has attributes t
阅读全文
摘要:We examine the data structure Task, see some constructors, familiar methods, and finally how it captures side effects through laziness. We using a 'da
阅读全文
摘要:Found the way to handle Auxiliary router for lazy loading moudle and erge load module are different. In Erge loading, it is recommended to create a sh
阅读全文
摘要:Often your project will require some secret keys or tokens - for instance, API keys or database authentication information. Learn how to safely and ea
阅读全文
摘要:Besides switch and mergeAll, RxJS also provides concatAll as a flattening operator. In this lesson we will see how concatAll handles concurrent inner
阅读全文
摘要:Among RxJS flattening operators, switch is the most commonly used operator. However, it is important to get acquainted with mergeAll, another flatteni
阅读全文
摘要:If change the data a litte bit: Because the view: null, then it will skip .map(sum).
阅读全文
摘要:Learn how to use Object.assign to combine multiple objects together. This pattern is helpful when writing libraries that have a set of default options
阅读全文
摘要:Let's we want to combine two account accidently have the same name. So, here we can use Semi-group to combine them, because the semi-group have the kn
阅读全文
摘要:An introduction to concatting items via the formal Semi-group interface. Semi-groups are simply a type with a concat method that are associative. We d
阅读全文
摘要:For if..else:
阅读全文
摘要:While browsers do a great job of ignoring styles they don’t understand, it can be useful to provide different sets of styles depending on a browser’s
阅读全文
摘要:We define the Either type and see how it works. Then try it out to enforce a null check and branch our code. Now, we try to make Box more useful. We w
阅读全文
摘要:You probably use a framework or standalone library to load data into your apps, but what if that’s overkill for your needs? What if you’re just puttin
阅读全文
摘要:Because now deploys are immutable, you can’t push changes to a running instance - you just push a new instance, which means you get a new URL. But doe
阅读全文
摘要:After understanding how Box is, then we are going to see how to use Box to refacotr code, to un-nested expression. For example, we have code: So how i
阅读全文
摘要:Learn how to size elements based on the dimensions of the viewport, even when the browser is resized - no JavaScript needed!
阅读全文
摘要:We'll examine how to unnest function calls, capture assignment, and create a linear data flow with a type we call Box. This is our introduction to wor
阅读全文
摘要:Learn how to target elements based on their position inside of a parent element in relation to its siblings.
阅读全文
摘要:There are times where you need to reset a an element’s styles. Instead of overwriting it with even more style declarations, you can simply reset them.
阅读全文
摘要:Nuxt.js allows you to return a Promise from your data function so that you can asynchronously resolve data before displaying the page. This allows the
阅读全文
摘要:The idea is when we tape the arrow keys on the keyboard, we want the ball move accodingly. Here, 'curr' is the function return from 'mapTo', the 'acc'
阅读全文
摘要:Nuxt.js enables you to easily create layout and navigation by replacing the default App.vue template with your own _app.vue template. Then you simply
阅读全文
摘要:Use Zeit’s now to deploy a node application from your local machine to a remote cloud service in moments. Install: Deploy: The url it generates contai
阅读全文
摘要:In this lesson, we'll use next to create a universal React application with no configuration. We'll create page components that will render on the ser
阅读全文
摘要:The vue-cli allows you to easily start up Vue projects from the command line while Nuxt.js enables a page-based routing system that follows your file
阅读全文
摘要:getActivatedRoutePath(r: ActivatedRoute) { return r.url .subscribe(p => this.curtPath = p[0].path)}
阅读全文
摘要:'canLoad' guard can decide whether a lazy load module can be loaded or not. app.routers.ts: So if user not login, app won't load home module.
阅读全文
摘要:When your data contains discrete, non-numeric property values that you need to format or convert before displaying, d3.scaleOrdinal() is the API you n
阅读全文
摘要:Sometimes data needs to be converted from a continuous range, like test scores, to a discrete set of output values, like letter grades. In this lesson
阅读全文
摘要:Mapping abstract values to visual representations is what data visualization is all about, and that’s exactly what D3 scales do. This is usually done
阅读全文
摘要:Mapping abstract values to visual representations is what data visualization is all about, and that’s exactly what D3 scales do. Turning a test score
阅读全文
摘要:.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-...
阅读全文
摘要:Functions are an important building block in Elm. In this lesson we will review stateless functions, function composition, anonymous functions, Curryi
阅读全文
摘要:Learn the benefits of running one-off, short-lived Docker containers. Short-Lived containers are useful to execute one-line commands or setup schedule
阅读全文
摘要:In this lesson, we'll find out the basics of running Docker containers. We'll go over how to download images from Docker Hub, what happens when you st
阅读全文
摘要:Learn the basics of downloading and pulling Docker images from Docker Hub. Learn the difference between default tags and version specific tags. Also l
阅读全文
摘要:Command line arguments are often used to modify the behavior of an application or specify needed parameters for operation. In this lesson, you will le
阅读全文