Comments (3)
Thank you for pointing that out, @ryanwelcher
Getting Started is a good place, seeing a lot of potential in the repo!
This wp-block-development-examples repo is a monorepo multipackage because it contains several packages (plugins)
Going to submit a PR to indicate that wp-scripts
is "bundled" when scaffolding new plugins/blocks with the instructions provided to use the repo
from block-development-examples.
This repo uses pnpm to build all of the blocks, have a look at the instructions in the Development section in the Wiki for set up instructions.
from block-development-examples.
Hi @flexseth,
First of all, thanks a lot for your issues and PRs on this repo 🙏
In order to take a look at blocks in this repo, there are a couple of steps needed:
I want to provide a broader perspective of what can be done with the examples of this repo.
We value any feedback you can provide on the guidelines provided in this repository. Your input is highly appreciated.
Note
TL;DR: The examples are prepared to work with them as a batch or individually, to work with them under this repo itself or your own WP installation, to clone the repo and copy and paste the examples or your own WP installation, or to download the examples and install them directly as plugins or your own WP installation without cloning the repo
Clone the repo
You can actually check the examples without cloning the repo. WIth the links provided for each example you can check the example online (with WP playground) or download the .zip
and uncompress it at the plugins
folder of your own WP installation.
Move all files from the repo's /plugins folder to wp-content/plugins for your local installation
You can just move those examples you're interested in
Build the NPM packages for each block (takes running/installing multiple times)
Again, you can just build the NPM packages for the blocks you're interested in.
As you already mention, the Getting Started guide is a great place to start working with the examples of this repo. Some of the things mentioned in this page about how to work locally with these examples are:
- Run
npm run env:start
from the root folder to usewp-env
to get a local development environment with ALL the examples (each example can be located by their ID)- Run
pnpm -- wp-env start
from any plugin folder to usewp-env
to get a local development environment with that example- Run
npx @wp-now/wp-now start
from any plugin folder to usewp-now
to quickly launch a WordPress installation with that specific plugin installed.
The Local Development Guide is another good resource to learn more about how to work locally with the examples of this repo
from block-development-examples.
Related Issues (20)
- Simple editor button example (no build) HOT 2
- Interactivity API - Countdown Block - broken w/out Gutenberg plugin active HOT 1
- Create an example of using Block context
- Remove Experimental tag from examples using the Interactivity API HOT 1
- meta-block-bb1e55: Improve example
- Improve the readability of the "Conventions for examples" wiki page HOT 3
- Update conventions diagram to reflect the new name for this repository HOT 1
- format-api-f14b86: Document how and where the icon is being imported HOT 3
- Add creation-date, last-updated and author to the main table with examples
- Add examples for transforms
- Review `wp-scripts` package dependency on each example HOT 1
- [Proposal] — Include licenses in software packages HOT 5
- Create an example of an HOC enhancing a Core Component HOT 2
- Replace importFile with importWxr on blueprint steps HOT 1
- Fix issue with variable number of posts on every WP release HOT 1
- Adapt interactivity-api-quiz-1835fa to latest iAPI and add it to table HOT 1
- Add editable-block-no-build example HOT 2
- Add an example of enhancing a Core Component using a Higher Order Component HOT 2
- Improve example inner-blocks-dcd824
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from block-development-examples.