Let's we want to combine two account accidently have the same name. , friends: ['Franklin'] } , friends: ['Gatsby'] } So, here we can use Semi-group to combine them, because the semi-group have the knowledge how to combine for each type of object. So…

monoids is a semi-group with a neutral element. A semigroup, it does not have an element to return so it's not a safe operation, whereas with the monoids we could take as many as we possibly want, even none, and still return us back something. It's a…

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 define three semigroup instances and see them in action.   A semigroup is a type with a concat method…

const curry = R.curry((fns, ary) => R.ap(fns, ary)); ), R.add()]); ,,]); console.log(res); //[2, 4, 6, 4, 5, 6] const compose = R.compose( R.reverse, R.ap([R.multiply(), R.add()]) ); ,,]); console.log(res1); //[6, 5, 4, 6, 4, 2] , x)) const pipe = R.…

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 working with the various container-style types. At first, might not be comforable with 'Box' or 'Contai…

We refactor a function that uses try/catch to a single composed expression using Either. We then introduce the chain function to deal with nested Eithers resulting from two try/catch calls. For example we have this code using try & catch: const getPo…

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 want to do a force null check by define "Right" and "Left" tow boxes. What "Right…

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: const moneyToFloat = str => { const cost = str.replace(/\$/g, ''); return parseFloat(cost); } const percentT…

本文创建的天空盒是用六张图片来创建的.笔者会论述两种方法来创建,都是最简单基本的方法,不涉及着色器的使用.一种是创建一个盒子,然后将图片作为盒子6个面的纹理贴上来创建.另一种则是简单的将纹理作为场景的背景来创建.两种方法视觉效果是几乎没区别的,会给人身临其境的效果,感觉身处在这个3维空间里,最明显的区别就在于当你在用鼠标滚轮缩进的时候,天空盒会"原形毕露",暴露出其盒子的本性,视觉效果原理展现在你的眼前.如图所示:而作为背景的方法创建的话,则无论你怎么缩进,都不会"原形毕露&…

原文:Announcing Ext JS 6.2 Early Access 非常开心,Sencha Ext JS 6.2早期访问版本今天发布了.早期访问版本的主要目的是为了让大家进行测试并评估Ext JS6.2的工作进度,这对于发布更好的Ext JS版本会有相当大的帮助. Download Ext JS 6.2 EA See Ext JS 6.2 EA Examples 所包含的东西 所有新的日历组件 可以在Ext JS应用程序中以数可视化形式使用D3.js的D3适配器 针对现代工具包的新的符合…