This was written during my Christmas break of 2015. I am assuming that you have access to a Linux VM or desktop to write and test code, this is the easiest way. You're expected to know Javascript and have a fair bit of web app development in any language / stack. ES6/Webpack/Mongoose - thanks to ES6/Webpack/No jQuery - mine.Use the github repo of the source code only for comparison, and when you are really, really stuck.Įdit (Apr/06/2016): We now have the source for other variants of this tutorial: This is something I found very useful in the learn something the hard way series of tutorials. I encourage you type out the code yourself (not copy-paste). I chose a Bug Tracking app for this purpose.

Whatever works for you.Īt the end of the exercise, you'd have built a simple CRUD app. Some folks like suggest taking a peek at the tasks (Write part) before starting to read, or mixing the two. You're supposed to read the links (Read), then accomplish some tasks that I assign (Write), and just think about what and why we did stuff (Ruminate). There is nothing that I invented here, it's all a string-together of links to existing resources. browserify? What about grunt? Or gulp? How do I put it all together? Which UI framework is appropriate? When I set out to write my React app, I couldn't find any advice on whether or not to use jQuery and how to fit in Bootstrap. Why another React tutorial when there are so many out there? Well, most of them focused on React alone. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap. This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. Build a complete React app, step-by-step with the MERN stack Intro What?

Mern tutorial