Let’s go over what this Redux technology is all about. It seems that if you use React, one can’t escape the fact that the application state will need to be properly managed. See, React is fine when they’re small. But once they get big – the state (where data lives) becomes a nightmare to work […]
Blog
Hello 2020! Plans, Goals and Forecasts
I don’t normally do “goals for XXXX” type of posts. But looking back in my archive – I did one back in 2018. And the stuff that I listed as my goals – most of them I’ve achieved! So it just makes sense that I do one today (and today being the last day of […]
Let’s build a WordPress theme with React: Part 3 (The Loop)
Okay its been a while since I last posted. Let’s continue with Barebones React WP theme. The last time we left off, we introduced the concept of “The Loop“. But we really didn’t get into what its all about. Let’s describe what this piece is doing. In WordPress themes – there is the “The Loop“, […]
Let’s build a WordPress theme with React: Part 2 (Routes + Context)
Now that we have our react app setup, let’s form how our application will be structured. We’re going to need 3 main folders: 1) templates, 2) partials and 3) context. These are all going to be inside react-src/src folder. The templates folder is where we’re going to store the main files template files – namely […]
Let’s build a WordPress theme with React: Part 1 (Setup)
It’s been a while since I worked with WordPress, especially building themes. This time around, I wanted to bring in a bit more modern development experience into the process. I wanted to build a Single Page Application (SPA), with WordPress’ Rest API – but as a WordPress theme. The problem is, this can be a […]
React + Bootstrap – A Simple form validation tutorial
Form validation is a task that you can’t get away with when building forms. In React, I feel that forms is not its strongest selling point. Although validation is pretty straightforward. Keep in mind that this is a simple technique – where it does the validation on “Submit”, while the error messages are shown in-line […]