Top 22 JavaScript WordPress Projects
-
Project mention: Gollum – A simple, Git-powered wiki with a sweet API and local frontend | news.ycombinator.com | 2021-10-02
I would love to have something like Notion but using git for all data storage and edit history.
There is https://stackedit.io/ offering it but I stopped using it because of bugs when trying to edit on mobile. And it basically abandoned for the last 2 years https://github.com/benweet/stackedit (only some deps updates, nothing more).
-
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
Project mention: Will Wordpress move away from PHP into React? | reddit.com/r/Wordpress | 2021-09-22
The WP dashboard can, and has been rewritten in React, see Calypso, but it was rejected by wp.org community at the time (likely for the reasons you mentioned).
-
gutenberg
The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
In this last example we have some random Api data containing programming languages along with some information about them. We want to use this data inside a select element/component that expects an array of objects containing a label and a value. Here is an example of such a component from the Gutenberg project.
-
headless-wp-starter
🔪 WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step
Headless-wp-starter
-
create-guten-block
📦 A zero-configuration #0CJS developer toolkit for building WordPress Gutenberg block plugins.
I used to dislike it too, but I started using ACF Gutenberg blocks along with create-guten-block and I find it pretty flexible and useful now.
-
blog-post-workflow
Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed
This uses a GitHub Action called blog-post-workflow a brilliant tool which does all of the heavy lifting behind the scenes to make this simple workflow possible.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
-
site-kit-wp
Site Kit is a one-stop solution for WordPress users to use everything Google has to offer to make them successful on the web.
Project mention: Question regarding adding google analytics to the site. One of the tutorials I am following mentions this about directly adding google analytics through the WordPress theme | reddit.com/r/Wordpress | 2021-12-05 -
Project mention: 🍾 GraphQL API for WordPress is now scoped, thanks to PHP-Scoper! | dev.to | 2021-03-31
This one by Google Web Stories
-
coblocks
A suite of professional page building content blocks for the WordPress Gutenberg block editor.
-
Next-wordpress-starter
-
gatsby-starter-wordpress
LOOKING FOR MAINTAINER - - - A GatsbyJS starter template that leverages the WordPress API, ACF and more
I found a post or two like this one that seemed to have a similar issue but the root cause it definitely different.
-
One of these fields stores coordinates (or Map points) and displays a pin on an OpenStreet Map. The reason I am choosing OpenStreet instead of Google is because Google now require a payment card for their Maps that my boss doesn't want to provide. This part is achieved by using the ACF OpenStreetMap Field plugin.
-
*** if you have question that when we create pot file through any tool, we must use those function not custom wrapper functions. Answer is no, every pot file generating tool's have custom function adding system for filtering php file. You can check https://github.com/wp-pot/wp-pot
-
-
openverse-frontend
The gateway to the Openverse. Openverse is a search tool for CC-licensed and public domain content across the internet.
After understanding what is a fork, upstream, pull request etc... I looked for a good first issue, and finally found somewhere I could help: https://github.com/WordPress/openverse-frontend/issues/223.
-
The project is ready to be used and comes with 2 blocks - Buy Button and Hero Block (they don't actually do anything, though) - but I do recommend learning the above process and creating additional blocks yourself. https://github.com/rmorse/multiple-blocks-plugin
-
-
iNotesPress - WordPress Note Taking plugin for teams
-
gatsby-starter-wordpress-blog
A starter blog demonstrating what Flotiq & Gatsby can do together when moving from WordPress.
Project mention: How to move from WordPress to Jamstack using our Gatsby WordPress Starter | dev.to | 2021-05-04npm install -g flotiq-cli flotiq start [flotiqApiKey] [yourProjectName] https://github.com/flotiq/gatsby-starter-wordpress-blog
-
Project mention: mdmaker: A script to export Wordpress xml to markdown | reddit.com/r/CKsTechNews | 2021-11-02
JavaScript WordPress related posts
- Uselful array methods for dealing with api data.
- I need help to create a Report Builder in React.js
- Gatsby for Programmatic SEO Help
- Dynamic Wordpress block with wp_remote_get() - Performance?
- Do you want a Gutenberg block?
- So .... I've watched a number of videos on the upcoming WP 5.9 FSE upgrade ......
- Question regarding adding google analytics to the site. One of the tutorials I am following mentions this about directly adding google analytics through the WordPress theme
Index
What are some of the best open-source WordPress projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | stackedit | 18,821 |
| 2 | nginxconfig.io | 15,142 |
| 3 | wp-calypso | 11,966 |
| 4 | gutenberg | 7,449 |
| 5 | headless-wp-starter | 4,155 |
| 6 | create-guten-block | 3,047 |
| 7 | blog-post-workflow | 1,667 |
| 8 | wordpress-seo | 1,440 |
| 9 | site-kit-wp | 1,077 |
| 10 | web-stories-wp | 638 |
| 11 | coblocks | 564 |
| 12 | next-wordpress-starter | 466 |
| 13 | gatsby-starter-wordpress | 398 |
| 14 | acf-openstreetmap-field | 84 |
| 15 | wp-pot | 63 |
| 16 | fetch | 46 |
| 17 | openverse-frontend | 23 |
| 18 | multiple-blocks-plugin | 13 |
| 19 | Editor-Block-Outline | 7 |
| 20 | iNotesPress | 6 |
| 21 | gatsby-starter-wordpress-blog | 5 |
| 22 | mdmaker | 0 |
Are you hiring? Post a new remote job listing for free.
