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!!!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Up ↑

%d bloggers like this: