Let’s build a WordPress theme with React: Part 1 (Setup)

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

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 […]

Checkboxes in React

Checkboxes in React

In React, data flows unidirectionally. This means that the State becomes the source of truth – especially working with controlled components and forms. Having said that, you will see your form HTML riddled with something like: And in your class, something like: This is to enforce this unidirectional pattern, making the state mutable and can […]

How to create simple Pagination using Lightning components and Apex

How to create simple Pagination using Lightning components and Apex

Let’s build something every web application needs in their results page: Pagination (aka Paging). This technique is necessary so we don’t bombard our users with all the items in our result page. Instead, we show them in “chunks” or “sets” of results. This is a very simplistic example – all we’re doing is a set […]

Repeating Inputs in Salesforce Lightning Components

Repeating Inputs in Salesforce Lightning Components

What we’re building: An input field that can be duplicated (repeated) as part of a form. This is particularly useful when you want to capture information that you want to separate in different lines, and you don’t really want to use a textarea. This way, we’re forcing our user’s to enter a value per input.  […]