Calypso – A Javascript Front-End

Following up from – What next? and WordPress Development is about to radically change – I am writing this post using Calypso, the new Javascript single-page app that is based on the interface that you will already know if you use wordpress.com. It serves as a great tool for exploring what is possible now and in the future with the WordPress ecosystem.

Calypso is built on a stack that comprises of:

  • Node
  • Express
  • React.js
  • Redux
  • wpcom.js

So does this mean that I don’t need to build my own “stack”?

No – mine is going to be a different thing, in the sense that it will be more of a Theme building system for WordPress sites that will enable you to do things that weren’t easy to do previously or that ended up being very messy. Moreover, if like me, you don’t do so much PHP nowadays and work more with JS systems like Angular or React, then it will be the tool for you. I have got an early version of it working that I will share with you as soon as I can.

Calypso is great though, as it’s code is available on Github and provides you with an alternative UI for managing your sites and viewing other content through the “Reader”. I will no doubt dig into the code, to see how things work and perhaps learn new things about React.

So how to you set it up?

Go take a look at github.com/Automattic/wp-calypso to clone the project to your computer. You will need to have a few other tools installed, such as Node, NPM etc, so at this point in time, it may be easier to get up and running if you use these tools in your day-to-day web development work. There is another version available that allows you to run it on any number of platforms including OSX and Windows using Electron.

Screen Shot 2016-03-30 at 15.43.05.png

That is what excites me, soon you will be able to build your own Native mobile apps using the Calypso eco-system – I am going to be exploring that too with a couple of real-world projects I have up my sleeves.

Above all else Kudos to Automattic for this stuff!!!

2 Comments

    1. Good question and I think they are the same thing at the core? However I’ve not caught up on this project for awhile so maybe now is a good time for me to take a peek?

      Reply

Leave a Reply