Git Product home page Git Product logo

Comments (3)

flexseth avatar flexseth commented on July 28, 2024 1

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.

ryanwelcher avatar ryanwelcher commented on July 28, 2024

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.

juanmaguitar avatar juanmaguitar commented on July 28, 2024

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 use wp-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 use wp-env to get a local development environment with that example
  • Run npx @wp-now/wp-now start from any plugin folder to use wp-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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.