Learning React

Each year, I make the decision to learn something new or extend my knowledge base on a specific subject related to the world of Web Development. In the past I’ve focussed on topics directly relating to WordPress, and looked at things like how to use the WordPress API or the WP Command Line Interface (CLI). But you may have noticed that I no longer work exclusively with WordPress anymore and so I fancied doing something completely different…

As the lead frontend developer at Fisheye, I felt it was important to stick with something related to frontend development. And, knowing that my Javascript skills (of which I’ve never had that many of to start with) are extremely rusty now that I have the luxury of a javascript team I can pass these tasks to, I decided to jump into the deep end and learn React.

I started off by purchasing the React for Beginners course, from the awesome Wes Bos, and worked my way through that over the Christmas break. Once I had completed that, I decided to turn my hand to building my own project.

I’m not going to lie, this challenge turned out to be really hard. I realised that my javascript skills were more than a bit rusty. In the time I’d taken my eye off the ball to build a SASS style guide and combined pattern library at work, ES6 had been released and the whole world of Javascript had changed!

And that is what this new Javascript section of my site is for. I’ve always found I learn more when I blog or talk about a subject, because it forces me to make sure that I fully understand what something is doing and why it is doing it. Therefore, as I work through React and also the surrounding Javascript principles I aim to post short, regular articles showing the things I’ve learnt as I go. Some posts will cover what seems like basic or obvious techniques (I did say my JS is rusty, in some instances I really am going back to basics), others will seem more advanced and (hopefully) execute complex tasks.

Either way, I hope you find them as useful as I do writing them, and if you see something and think it could be achieved in a better way, then please do leave a comment and let me know! 🙂


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s