Your cart is currently empty!
Guide: How I structure my WP Gutenberg & WC Blocks project
The build process is reliant upon the editorScript param within the block.json Then it runs the checkoutRegisterBlock and registerBlockType. Whats in the build folder are blocks. I always prepend it with checkout-block- to know the naming scheme and how the block is shown differently. I’ve yet to add the slot fill on the editor side…
Work notes: Building a ‘Barebones’ theme for better cURL output
I had this problem in another post: “Seeing what’s in the checkout page, I need to work hard to get that checkout page as small as plausible to make it easier for me to consume. There’s so much boilerplate/cruft that I’m probably going to have to make a “clean space” to put the outputs I…
Work Notes: EC Refactor 2 – Part 2
I also have to make a demo site but I don’t feel like making a WordPress site for this so I’ll probably end up making a SPA for the checkout and edit checkout page to demonstrate functionality. y5397: Script for walk through video Step 1: Get the plugin on your computer and upload it to…
Work Notes: Using local storage to share state between Gutenberg Blocks.
I managed to have it work but it’s not updating from the original value unless I delete the Local Storage value. I still need to get it working where a useEffect can change the value within Local Storage. I wanted to try a new solution because I wanted to share the results of an http…
Work Notes: Creating a custom WordPress API to interact frontend with the backend.
I would like to make a control panel of what components to render on the frontend but I can’t get the attributes on the frontend with the ease I would like. I should be able to post to the API in the editor using privileged credentials. And the API will be able to be viewed…
Work Notes: Creating a control panel for WooCommerce Blocks checkout blocks.
I need to focus on getting the children param because that’s where a bunch of attributes are going to be which I can’t normally access from the frontend without the children prop. Notice if you would like to know why the checkbox is rendered underneath the contact block it because of two things within the…
Article: Writing to Devs for Help on an issue.
I am trying to contribute to this project and I got all of the Twitter handles and some the emails of people who contributes often and I wrote to them and I only heard back from one person and they told me to make an create an issue on the repo. Although, making an issue…
Article: How The Redux Store is used for dispatching Actions in WC Blocks.
Code flow for updating value via Redux: How is this action triggering the reducer? Step 1: The following import of setShippingPhone is brought in a de-structured object of useCheckoutAddress(). Step 2: Step 3: The setShippingPhone method is described in the interface CheckoutAddress Step 4: Then a custom hook is used for exposing address functionality to…
Article: How I Understand A Certain Part of A Large Codebase.
Goal: Explain to the user how I search through a large codebase so I can better implement a functionality. I first see if it’s small enough to know the whole Codebase so I skim through the file structure. If I realize I can’t know the whole thing cause it’s too big this is the process…
Work Notes: Modifying the Shipping Options page on the editor view. – Part 1
The goal: To have it so the Local pickup option is selected then the Shipping Fields will be replaced with a message which says the order will be delivered to the store’s HQ. This is going on to be the frontend as well as the edit page. While on the edit page the user will…