Create Guten Block

Create React gutenblocks with zero-config JavaScript toolkit

πŸ“¦ Create Guten Block is a zero configuration dev-toolkit (#0CJS) to develop WordPress Gutenberg blocks in a matter of minutes without configuring React, webpack, ES6/7/8/Next, ESLint, Babel, etc.

Around the web

Reviews

824403
945918
1141265
Β 
  • 1141265
    Mian Shahzad RazaProfessional WordPress Developer
    Pros:Β 

    Adds all required gutenberg frameworks automatically.

    Cons:Β 

    Needs testing, will update once i found any.

    I am really excited about the gutenberg, and this product seems helpful getting started with gutenberg.

    As its already started trending on github, it surely is a great product. I will give it a try as soon as i got the time to test it.

    Mian Shahzad Raza has never used this product.
    Comments (1)

Discussion

You need to become a Contributor to join the discussion - Find out how.
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
β€”β€” πŸ™Œ β€”β€” Hi, I’m Ahmad Awais a full stack web dev and regular core contributor to software called WordPress. I developed `create-guten-block` to help developers build #Gutenblocks without having to configure anything for using React, webpack, ESLint, Babel, etc. tools. πŸ”₯ create-guten-block is trending on GitHub β€” looks like devs like it. 🌟 Star the GitHub repo for updates β†’ https://github.com/ahmadawais/cr... β€”β€” πŸ€” WHY β€”β€” WordPress 5.0 will have a new editor i.e. Gutenberg that will change how every new theme and plugin will be built. Gutenberg is built with JavaScript, React.js, webpack, ESLint, Babel, etc. Configuring these tools and writing your first hello world block takes hours if not days. With create-guten-block however, you can get started by creating blocks in under two minutes. β†’ That's a big win for your development workflow. β€”β€” πŸ”° Workflow! β€”β€” There are just three scripts that you can use in your create-guten-block workflow. With these three scripts, you can develop, build, and eject your plugin. πŸ‘‰ npm start β€” Use to compile and run the block in development mode. β€” Watches for any changes and reports back any errors in your code. πŸ‘‰ npm run build β€” Use to build production code for your block inside dist folder. β€” Runs once and reports back the gzip file sizes of the produced code. πŸ‘‰ npm run eject β€” Use to eject your plugin out of create-guten-block. β€” Provides all the configurations so you can customize the project as you want. β€” It's a one-way street, eject and you have to maintain everything yourself. β€” You don't normally have to eject a project because by ejecting you lose the connection with create-guten-block and from there onwards you have to update and maintain all the dependencies on your own. That's about it. Your feedback is more than welcomed! Peace! ✌️ --- πŸ”₯ create-guten-block is trending on GitHub β€” looks like devs like it. 🌟 Star the GitHub repo for updates β†’ https://github.com/ahmadawais/cr...
86502
Jabran Rafique@jabranr Β· Software Engineer (Web)
@mrahmadawais Although I am not familiar with this part of WP (yet) but I know you would always make useful and helpful things! Keep it up. πŸ‘
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
@jabranr Thanks as always for your support! πŸ™ŒπŸš€
231033
Nathan@nrmadi Β· Still tryin' to figure it out
At first I thought it said Gluten Block, and had to give an eye roll. But this looks awesome! Great work!
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
@nrmadi Hahaha! Close enough! 🍩
945918
Maavuz Saif@maavuz_saif Β· a self-taught software engineer
Looks super awesome!
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
@maavuz_saif That's very kind of you to say! πŸ’―
972379
Saad Iqbal@saadyiqbal
Nice work @mrahmadawais
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
@saadyiqbal Thanks! πŸ€—
244198
David Yarde@dsmy Β· Cofounder, Sevenality
Can't wait to try it out!
30642
Ahmad Awais ⚑Maker@mrahmadawais Β· πŸ₯‘ OSS Dev Advocate & WordPress Core Dev
@dsmy Looking forward!