One of the biggest pains I hear from new and old developers alike is that once they’ve learned the basics of a new technology, they struggle to apply them to an actual project.
Actually, this isn’t just a problem I’ve heard about – I’ve experienced it myself. In particular, learning React has been as much about figuring out what to do with it as learning the API itself. So to cut a long story short – I’ve built a single-page app with React and Rails-api. And I’d like to share it with you. And it’s not a todo list!
Memamug is a tiny app to help you remember people you meet. However, putting it together wasn’t a tiny job. It demonstrates a number of patterns and techniques which apply to larger projects, including how to:
- structure your app
- write concise code with ES6
- handle Facebook-based login
- implement client-side routing
- organise your CSS
- store uploaded content with S3
- serialise rails models to JSON
- produce a deployment-ready build
I’ll be putting together a number of tutorials over the coming months detailing the process involved in putting Memamug together, starting with one I’ve just released on how to setup a simple ES6/LESS build-system with webpack.
Of course, I still have a lot to learn, so pull requests would be greatly appreciated! And if you have any feedback or questions, I can’t wait to answer them – you can send me an e-mail, or leave a comment here.