plop VS react-play

Plop

this allows you to import this Header component with import { Header } from 'path/Header' without Header/Header. Creating this structure manually is annoying, so one will benefit from some code generators like plop or hygen.

plop for create a consistent templates for pages, components, etc

Plop

ReactPlay uses PlopJS to automate the play creation. It automatically helps create the scaffolding, setting imports, and initial code structure for the creators. The creator can import the project into their favourite code editor like VS Code and start implementing the play logic. It's simple. Give it a try.

Code generation for common tasks (like add data field, refactorings).

Yeah, I've been using bash + sed + json, and, more recently, plop.js.

ReactPlay Website

You must follow the Create a Play steps to create the play. Please create an issue on the ReactPlay repository for each pull request.

On GitHub: https://github.com/reactplay/react-play

The website: https://reactplay.io/

In the open-source community, October is officially known as the Hacktoberfest season. Hacktoberfest is Digital Ocean's annual event that encourages people to contribute to open source throughout October. They have successfully been conducting it for the past 9 years. This year, ReacPlay has decided to organize a hackathon as a part of the hacktoberfest celebration 🥳.

You can add a new play, improve the site, or help resolve general issues from the Issues section.

We have more compelling plans for the next month. The Hackathon is just a part of it! Our main project, ReactPlay, has been open-sourced on GitHub since the beginning. You can contribute to it regardless of the month and the hackathon.

It will be unfair to end this article without explaining what made me write about Nhost. As part of the Open Source Initiatives, we are building a platform called ReactPlay. It helps react developers learn ReactJs with a practice model.

First, you need to fork the react-play repo. You can do this by clicking the Fork button on the top right corner of the repo. If you are new to forking, please watch this YouTube Guide.

In case you get stuck or need help, you can find the working code from this repository.