Jumping straight to the Gutenberg development might make you feel lost, the documentation & code you read will only confuse you. That’s why wanted to share the learning path you can follow to make your self-comfortable for Gutenberg development. Have followed/following the same myself.
Any subject can be interesting or boring, it really depends on the teacher. Who can make you fall in love with it or hate it forever!Subject or topics are not boring its the teacher so choose them wisely 😉 #learning Click To Tweet
Last but not the least the new teacher I am fan of is @zgordan
- JavaScrip / ECMAScript / ES what ?
- Grunt/Gulp/WebPack errr give me break
Step 1: Getting Familiar With ES6
Wes Bos has created detailed course “ES6 for Everone” which step by step teaches you the ES6 along with tools required to write and develop modern JS
Step 2: WebPack Ninja
Once you are done learning ES6 next step would be to understand what is the role of WebPack and how to config it. WebPack configuration can be overwhelming but Jeffery Way makes it looks fun & simple trust me. Check out his course “WebPack For Everyone”
If you still feel scared or puzzled worry not Jeffery cares for you and has created “Laravel Mix” an elegant wrapper around Webpack which is easy to use. Don’t get misled by the name “Laravel” it can be used with WordPress or any other project.
Step 3: Do You React
So now you know ES6 & WebPack next step to get closer to Gutenberg development is getting good with React. Gutenberg code will start to make more sense once you get familiar with React as you no longer have to wonder what are those components or props etc do.
Wes Bos has created the detailed course which step by step teaches you how to work with React. Check out his course “React For Beginners”
In case you want quick crash course on React Jeffery Way have created video course titled “Do You React”
Might be bit old hope he soon updates it 🙂
Step 4: Getting Good With Gutenberg
ES6, WebPack & React you are now ready to read and understand Gutenberg code and write one once you get familiar with Gutenberg Code/API
The only best resource to learn Gutenberg development in my knowledge so far is “Gutenberg Courses” by Zac Gorden
Get Set Go
Once you’re done with above you are all good to create awesome block(s) and share the love with the community 🙂
Copy-editing & proofreading by Pravin Prajapati