If you’re using logs for debugging check this out:
I always wanted to create a very simple WordPress based Todo App. After putting it off for a very long time I finally had the time to look into it.
The idea was a simple todo list that takes over your WP home page and relies on a standard to do post type for persistence. The interface should be driven by React using redux for state management. The result should be WordPress plugin that simply works without any configuration. The app works over the WordPress JSON REST API and must have a very simple UI framework.
1.Defining the data we need to store:
- user – name and login details. For this, I cheated and simply use the WP login interface.
- Todo item – with the ability to save details on a todo. For this, I use simply used a new post type. The title being the todo, the content being further information and post meta to store the state( completed/not completed )
2. Define the todo post type which we’ll use to store todo items. Each todo item relates to a post. You will notice that it’s not anything fancy but includes a few rest API configuration to make it easy for us to call posts at a later stage.
3. Setting up the JS system. I used Webpack to manage all frontend modules. I used yarn for package management and also Bable to allow me to use ES6 syntax.
4. For the UI framework, I used spectre as it is very light: https://picturepan2.github.io/spectre/
5. For user authentication, I used the user login and then relied on the WP cookie to allow the user to create todos over the REST API.
You can find the source code to play with here, it’s a wp plugin so you can install it:
I attempted this project mainly because wanted learn about all the new frontend tools. I mostly work in PHP and doing this was very refreshing. I’m inspired to do more of these. Even if no one ever needs it, I built it coz I wanted to.
Is syntactic still slowing down your workflow, try A.L.E. It’s a drop in replacement for syntastic ( make sure your language is supported ):
It works with instantly with vim-airline.
This is the only line I’ve added to my vimrc is”
let g:ale_open_list = 1
To install this plugin with Vim Plug place the following in your .vimrc:
I do not consider myself to be a designer.
I still don’t think of myself as one, but I’m slowly realising that though I’m not one by profession, I am taking part in the act of designing. Not in the traditional sense of arts and visual expression but as an architect of API’s (programming interfaces)
I create software, specifically WordPress plugins and more specifically WooCommerce extensions. Together with our team, I re-create and re-define software interfaces.
The software one person wrote has to interact with software another person wrote. Without thinking about the design of these interfaces and considering the effects of one’s decisions, we ultimately negatively impact not just the software another person wrote, but actually the person itself.
This other person is more important than the code we share. In this I know that designing software in the correct manner extremely important.
I’ve found so many inspiring articles on design and inclusion on https://design.blog. These articles shape the way I think about design beyond simply visual expression: Find your more inspiration here: