Articles, Reviews

WP Calypso First Impression

WP Calypso is the newest addition to Automattic’s open source projects. It took both the WordPress and the web communities by storm this week — everyone is talking and writing about it now. But what it really is? Does it deserve the attention it gets?

I was surprised when I first heard about Calypso on Monday. Even more, plenty of questions started to pop up in my mind, namely:

  • How does it relate to WordPress.org?
  • How is it different from WordPress.org?
  • How can I use it on my self-hosted WP blog?
  • Why should I care? It’s an Automattic’s project after all.

…and some others, especially more technical ones. Well, I’ll do my best and will explain “everything” in today’s article. Have a nice read!

Read More

Articles, Tutorials

React single-page WordPress REST API theme tutorial

Uh-oh, such a buzz-wordy title. I know, I know. But it’s true — I’m going to publish a series of articles on building a simple single-page WordPress theme powered by React, WP REST API, and other bleeding-edge front-end technologies. The tutorial will be focused primarily on the JavaScript things, pushing design, accessibility and flexibility sideways. It will contain a lot of new technologies and things so don’t worry about not learning something new.

Read More

Articles, Reviews

Front-end development with WordPress

Although WordPress is created in PHP, nowadays, a lot of themes and plugins make use of JavaScript to create feature-rich, responsive, client-side sites. Some go as far as to use WordPress only as a store of data, making the whole site a single page (SPA) and everything in JavaScript. The WP REST API project, which simplifies the communication between front-end and back-end of a WordPress-powered site, helps this trend quite a lot. Although there are plenty of sites and tutorials describing how to create SPAs, for newcomers it is a jungle of tools, frameworks, libraries and other stuff. In this article, I’ll give you an overview of the current state of front-end web development and describe my story of how I got to use them. For more in-depth texts, follow the links and Google the technologies.

Read More