My journey through the world of React began at the framework’s homepage. The demos and sample code on the homepage sell React as a modular, reactive, view abstraction that can be used to build web applications and even mobile apps. React’s primary goal is to solve the problem of “building large applications with data that changes over time” . That’s a tall order, I’ll have to find out if it fits the bill on to the ]tutorial.
For my efforts towards learning React, I’m going to be using Microsoft’s Visual Studio Code text editor. It’s a great light-weight Atom based editor and it works on all platforms.
I used Node.js to run the server. I have to admit, it’s been a while since I touched Node.js and I had to do some searching to get http://localhost:3000/ displaying index.html. If anyone ever gets to this point, here are the commands that I used to get everything up and running. Assuming you have Node.js installed and have downloaded and extracted the zipped tutorial file, cd to the tutorial folder you’re your shell. Once you’re there, issue the following four commands:
npm install express –save
npm install body-parser –save
Now you should be able to navigate to http://localhost:3000/ from within your browser.
Reading through and typing out the tutorial by hand took about 30 minutes. Reading through some of the material and relooking over the source code took another half an hour. So on direct React material I’d be about at an hour or so. It took me another 15 minute to setup and decide the platform I wanted to run the application on. My next step is to go through this free course. I saw it recommended on Hacker News with a lot of positive feedback so it should be a great resource. Until next time!
Published on 4/6/2016 6:49:48 PM