https://github.com/revskill10/react-bacon-isomorphic

Isomorphic application development made too easy with React+FRP
https://github.com/revskill10/react-bacon-isomorphic

Last synced: about 1 month ago
JSON representation

Isomorphic application development made too easy with React+FRP

• Host: GitHub
• URL: https://github.com/revskill10/react-bacon-isomorphic
• Owner: revskill10
• License: mit
• Created: 2015-06-10T11:35:26.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-06-03T09:53:28.000Z (over 9 years ago)
• Last Synced: 2024-10-28T04:34:18.397Z (3 months ago)
• Language: JavaScript
• Size: 469 KB
• Stars: 0
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React+Bacon.js isomorphic TodoMVC

## Motivation

Isomorphic applications are the hottest topic nowadays (May 2015).

New tutorials about isomorphic app creation are springing up like 

mushrooms after the rain. I do not get this because React+FRP 

applications are isomorphic by default. This project demonstrates

how enable isomorphism in your FRP+React app.

## How it works?

Because the FRP encourages you to always pass the entire state object 

to the rendering function, nothing prevents you to do the same in 

the backend as well.

![Isomorphic rendering](doc/diagram.png)

So in order to create isomorphic apps, just remember:

* Eliminate browser/Node specific dependencies from your isomorphic modules

* DRY!

For more information, read [my blog post](https://medium.com/@milankinen/isomorphic-apps-normal-react-frp-apps-63a2177f7eac).

## Playing with the project

Feel free to clone the repository and start playing with the project:

```bash 

git clone [email protected]:milankinen/react-bacon-isomorphic.git

cd react-bacon-isomorphic

npm install

npm run watch

open http://localhost:3000  # osx only

```

## License

MIT