Let’s Get Hands-On with WordPress FSE Theme and Custom Blocks — Part 2

1. rimraf

   1 17 5,759 7.2 TypeScript

   A `rm -rf` util for nodejs

   

   First, I clean up the project from the old build using rimraf. Then, I compile all my files using Parcel along with its parcel/transformer-sass, plugin, and I process CSS using autoprefixer.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. concurrently

   2 31 7,356 8.0 TypeScript

   Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.

   

   Similarly, npm run dev uses concurrently to manage all the various watch commands simultaneously.

4. zenfse_full

   3 2 2 6.4 JavaScript

   

   While the process I’ve described may seem somewhat intricate, in a way, it is. Building my ZenFse starter theme involved a lengthy journey of trial and error.

5. webpack

   4 367 65,274 9.8 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   We are operating within a Node environment, so our first step is to initialize our project by creating a package.json where we define dependencies and commands. Personally, I use both webpack (on top of which @wordpress/scripts is built) and Parcel. While using two different build engines may lack elegance, Parcel’s user-friendly approach compensates for this compared to webpack. Its commands are straightforward, requiring no additional configuration files. However, if you prefer using webpack exclusively, you can achieve this with just a few additions to your webpack.config.js.

6. parcel

   5 185 43,830 9.2 JavaScript

   The zero configuration build tool for the web. 📦🚀

   

   We are operating within a Node environment, so our first step is to initialize our project by creating a package.json where we define dependencies and commands. Personally, I use both webpack (on top of which @wordpress/scripts is built) and Parcel. While using two different build engines may lack elegance, Parcel’s user-friendly approach compensates for this compared to webpack. Its commands are straightforward, requiring no additional configuration files. However, if you prefer using webpack exclusively, you can achieve this with just a few additions to your webpack.config.js.

7. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

Suggest a related project