made with react.js

#Boilerplate
icon-eye-dark Created with Sketch. 3.373

Create React WPTheme

Boilerplate for WordPress Themes using React

Visit Site Demo Project

Description

Boilerplate for WordPress Themes using React

"I wanted to teach myself React using WordPress as a back end. Most of the React tutorials I looked at used create-react-app. But using that to create a WordPress theme is quite problematic due to create-react-app's use of the Webpack Dev Server. So create-react-wptheme uses Webpack in watch mode and your WordPress server to serve the theme (what better?).

I had to write a custom Websocket server/client and a few other utilities to get feature-parity(ish) with create-react-app. Meaning create-react-wptheme has browser launch, browser refresh and "error overlay" just like create-react-app."

Social Media Links

Related Projects


Enterprise SaaS Starter Kit Open-source SaaS Boilerplate
#Boilerplate
icon-eye-dark Created with Sketch. 610
Docusaurus Static Site Generator
#Boilerplate
icon-eye-dark Created with Sketch. 717
Sentry for React React Error Monitoring
💙 Sponsored by Friends
image-koala Created with Sketch.
Make this Koala happy and follow us on X!
follow @madewith_react
Ship Full-stack Boilerplate
#Boilerplate
icon-eye-dark Created with Sketch. 290
Medusa Ecommerce Platform
#Boilerplate
icon-eye-dark Created with Sketch. 1.632
View all Projects
COMMUNITY SPONSORS
React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more