plop
react-play
Our great sponsors
plop | react-play | |
---|---|---|
18 | 12 | |
6,866 | 1,274 | |
1.1% | 2.0% | |
7.0 | 8.9 | |
6 days ago | 4 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
plop
-
Get rid of Copy/Paste with Plop Js!
Almost all of us, while working on a project, are copy/pasting from the previous one while creating similar structures. While thinking if there is a fast way to do this, I came across plop js.
-
Do this and stop wasting time creating React components
In this article, I will talk about Plop, which is a little tool that saves you time and helps your team build new files with consistency, as the documentation suggests.
-
Custom File Generator Tutorial
My tool of choice is Plop.js. Plop is a powerful "micro-generator framework" built to help maintain patterns as well as speed up your project build time. From the documenation:
-
Como reduzir o "copia & cola" no seu dia a dia com Code Generators
Plop
- Automatizando a criação de arquivos com Plop.js
- Is there something similar to plopjs in Go? (generate files based on configuration from templates)
-
Code Generator Neat Hack
When it comes to software development, a good developer experience (or DX) is a key aspect in helping the development process to become faster and more efficient. Having a good DX means that developers are focusing on the real deal while other, less important stuff, is being taken care of by automated tools. Such a tool is Plop which I really love for its simplicity and efficiency.
-
Is this bad practice in the long run?
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.
-
React beautiful animation reordering the list of items
plop for create a consistent templates for pages, components, etc
-
Using generators to improve developer productivity
Plop
react-play
-
ReactPlay presents #2PlaysAMonth for Web Developers
ReactPlay Website
-
Dev Retro 2022: What made me a better developer?
The website: https://reactplay.io/
-
Building FinSaver for Hack-R-Play π
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 π₯³.
-
Hacktoberfest 101 with ReactPlay
You can add a new play, improve the site, or help resolve general issues from the Issues section.
-
Announcing Hack-R-Play: Hackathon to build, write, and connect
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.
-
Nhost: An Open Source Backend as a Service for Web and Mobile Apps
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.
-
Open Source Contribution
Check out the project.
-
Introducing ReactPlay - Learn, Create, Share ReactJS projects
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.
-
Introducing ReactPlay - An opensource platform for developers to learn, create and share ReactJS projects with the developer community.
- Link to the GitHub, Please give a β, if you liked the idea: https://github.com/atapas/react-play
-
How to create a countdown timer using React Hooks
In case you get stuck or need help, you can find the working code from this repository.
What are some alternatives?
yeoman - Yeoman - a set of tools for automating development workflow
win11React - Windows 11 in React π»πβ‘
hygen - The simple, fast, and scalable code generator that lives in your project.
windows11 - Windows 11 in React π»πβ‘ [Moved to: https://github.com/blueedgetechno/win11React]
Cities-Skylines-heightmap-generator - A heightmap generator for Cities: Skylines
nhost - The Open Source Firebase Alternative with GraphQL.
create-react-native-app - Create React Native apps that run on iOS, Android, and web
html-tips-tricks - My Favorite HTML5 Tips and Tricks
faker - Generate massive amounts of fake data in the browser and node.js
Librum-Website - Librum's website
casual - Fake data generator for javascript
PostgreSQL - Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch