Commit a51f813

committed

typo fix

1 parent dccf7fb commit a51f813Copy full SHA for a51f813

File tree

-9

lines changed

-9

lines changed

Lines changed: 2 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,11 +10,10 @@ Functional Best Practice in xReact`
`10`	`10`	`I'll guide you to some good practice of Functional Programming through the Counter example.`
`11`	`11`
`12`	`12`	`> It's really helpful even you don't use xreact, the FP idea is common and applicable to anywhere even for redux project.`
`13`		`-`
`14`		`-use Union Type to define Intent`
	`13`	`+Usee Union Type to define Intent`
`15`	`14`	`-------------------------------`
`16`	`15`
`17`		`-union-type is a awesome library to define union type/case class.`
	`16`	`+union-type is an awesome library to define union type/case class.`
`18`	`17`
`19`	`18`	most flux-like library will define Intents using the keyword \`type\`
`20`	`19`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ position: 3`
`7`	`7`
`8`	`8`	`# XReact Fantasy`
`9`	`9`
`10`		`-xreact is a Functional library that can integrete FRP lib rxjs or mostjs into react. But there're still too many details you need to care while modeling UI components.`
	`10`	`+xreact is a Functional library that can integrate FRP lib rxjs or mostjs into react. But there're still too many details you need to care while modeling UI components.`
`11`	`11`
`12`	`12`	`The implement of [Fantasy Land](https://github.com/fantasyland/fantasy-land), which will change the way you model and implement UI entirely.`
`13`	`13`
@@ -92,7 +92,7 @@ For example, from `XMult`, we could simply transform it into a `XMMP` with new c
`92`	`92`	`let XMMP = XMult.map((s) => ({output: s.output * s.output}))`
`93`	`93`	```
`94`	`94`
`95`		`-it's just like maping on a list`
	`95`	`+it's just like mapping on a list`
`96`	`96`
`97`	`97`	```js
`98`	`98`	`[1,2,3].map(x=>x*x)`
`@@ -105,7 +105,7 @@ it's just like maping on a list`
`105`	`105`
`106`	`106`	`## Monoid`
`107`	`107`
`108`		`-It's actually Semigroup, but if we have a ID FantasyX, we have Monoid, a Identity FantasyX make sense in that the computation inside is just Identity.`
	`108`	`+It's actually Semigroup, but if we have a ID FantasyX, we have Monoid, an Identity FantasyX make sense in that the computation inside is just Identity.`
`109`	`109`
`110`	`110`	`Anyway, let's see how can we combine two FantasyX together`
`111`	`111`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
@@ -42,10 +42,10 @@ every View component expected a `actions` fields in `props`
`42`	`42`
`43`	`43`	`![](https://www.evernote.com/l/ABeLlbr3vQNM_JKfcd_W4zfW262lxWJhOsMB/image.png)`
`44`	`44`
`45`		`-After we have a pretty view for represention and inteacting interface, we can define how to update the view, or "how to react on actions". In such case:`
	`45`	`+After we have a pretty view for representation and interacting interface, we can define how to update the view, or "how to react on actions". In such case:`
`46`	`46`
`47`	`47`	1. A counter can have actions of `inc` and `dec`, which will send `Intent` of `{type: 'inc'}` or `{type:'dec'}` to `Intent Stream` upon being called.
`48`		-2. A counter reactively generates `Update` when it receives an `Intent` of either type `inc` or `dec`.
	`48`	+2. A counter reactivity generates `Update` when it receives an `Intent` of either type `inc` or `dec`.
`49`	`49`
`50`	`50`	```js
`51`	`51`	`const plan = (intent$) => {`
`@@ -99,6 +99,6 @@ render(`
`99`	`99`
`100`	`100`	`## Type Safe Counter`
`101`	`101`
`102`		`-If you are TypeScript user and want to enjoy a type safe counter app, it's simple to do so since Xreact is written 100% in TypeScript.`
	`102`	`+If you are TypeScript user and want to enjoy a type safe counter app, it's simple to do so since xReact is written 100% in TypeScript.`
`103`	`103`
`104`	`104`	`<iframe src="https://www.webpackbin.com/bins/-KsSYQVTkFjd_MQon3b9" frameborder="0" width="100%" height="500"></iframe>`

Comments

(0)