Learning ReactJS for Designers

JavaScript is simple, or at least it used to be. If you’ve done any programming, and you know how to use Google then you can program in JavaScript. Of course, to make it more powerful we have to complicate things.

We make extensions to JavaScript, like ES6, that then need to be ‘transpiled’ to turn them back into regular JavaScript that the browser can understand.

And we build libraries like React and Vue that make it ‘simpler’ to build complex applications. But they’re complicated to learn. They make working with JavaScript very different, you need to think about things in a different way.

For designers like myself this is a lot of new concepts to learn, the vast array of options can be overwhelming so you can do what I do and ignore it. I work for myself, on my own projects, so I don’t really need to learn it.

But then WordPress is moving heavily towards React, so maybe I should?

I keep saying I will learn React but I haven’t had a need so I haven’t done anything about it. With Gutenberg getting ever nearer I feel I should actually start learning, and so I’ve been collecting tutorials for learning React. Obviously I haven’t been following them, but I will do one day!

Time to start?

Time to start?

Free Javascript Tutorials

Before learning React we should probably get the fundamentals right – so here’s some awesome javascript tutorials to get you started!

  • Javascript Fundamentals to Learn Before React – a comprehensive tutorial covering all the basics. Nice as a refresher before digging in to React itself.
  • Eloquent Javascript – a digital book about the fundamentals of Javascript and writing nice code.
  • You Don’t Know JS – a collection of ebooks teaching Javascript. There’s an awful lot here, but they are split up into different subjects so you can choose where you want to focus.

Free React Tutorials

  • React for Beginners – Wes Bos classic course (I’ve now done this one)
  • WordPress (Gutenberg) Block Development with React – Zac Gordons WordPress specific course. I’ve seen Zac talk at WordCamp London and he knows his stuff! (I’ve done this one as well)
  • Mastering React – the complete paid version of the Learn React Crash Course. This link currently offers 80% off the price, no idea how long the offer will last though.

If you know of any good, preferably free, resources then please do let me on Twitter.

Was it good/ useful/ a load of old rubbish? Let me know on Mastodon, or BlueSky (or Twitter X if you must).

Link to this page

Thanks for reading. I'd really appreciate it if you'd link to this page if you mention it in your newsletter or on your blog.

Related Posts

11 Jan 2019

Should Everyone Learn Javascript Deeply?

I’ve been thinking about writing about learning javascript for a while now, but seeing Brad Frost and Heydon Pickerings articles appear over the last couple of weeks has really made me consider my approach to the technology.Ever since Matt suggested...
04 Jun 2020

Learning is hard, and so is React

This tweet from Kelly Vaughn caught my eye recently. It came a couple of days after another tweet from Brad Touesnard who said “I have run out of empathy for people whining about having to learn React”.I really sympathise with...
21 Oct 2018

Contributing to WordPress

In this article for WPTavern Chris Van Patten shares his experience with contributing to the Gutenberg project. The original article was a Twitter thread, but it’s nicer reading a proper long form piece.For Chris, the experience of contributing to Gutenberg...
17 Dec 2009

WordPress MU 2.8: Beginner’s Guide review

WordPress MU 2.8: Beginner’s Guide surprised me positively. To be honest, I did hesitate before accepting a review copy from the publishers as I fully expected it to be “just” a beginner’s guide to WordPress mu (the multi user version...
31 Aug 2009

Learning to Learn: how to improve yourself

I have a massive appetite for learning. I am always reading books and blogs to try to better understand the things I want to do. Design, programming, marketing, copy-writing, I constantly strive to improve.On the web your skill set needs...
27 May 2013

WordPress: 10 Years Young, What Does The Future Hold?

WordPress is now 10 years old. I started using wordpress 9 years ago – which means I joined the WordPress community early on. The reason I chose WordPress is simply because of the fabled 5 minute install process – I...