Quick Guide On Starting With ReactJS
- by Joe Jr Yamut
For some time now I’ve been planning on learning ReactJS. It is all what front-end developer talk about theses days. Heck, full stack application developer job offers always pair ReactJS with [back end programming language goes here] in the job description almost without fail. That learning plan has not happened yet, though, and unfortunately for me. I’m the great procrastinator. Many times I only get the motivation when there is an actual project happening very soon. Preferably a paid one, of course. Without it I seem to suffer from a “short attention span” issue. What can I say, I’m a big fan of winging it. 😁
I did take the first step on this planned learning process back in late 2020, by asking a good developer friend of mine – who happens to use the ReactJS stack for his projects – on tips of where to start. He was a presenter for one of the topics about ReactJS (obviously) in one of those tech talks held at the Freelancer.com offices somewhere in Bonifacio Global City around 2019. (I also met this dude for the first time in that same event, and we have been corresponding since then.)
The following are my ReactJS dev friend’s recommendations to get the ball rolling on learning ReactJS. He terms these as a starter kit / boilerplate approach, which takes you straight to application building instead of pouring hours of configurations and setups. This is his favored method of diving into ReactJS and get the proverbial feet wet as soon as possible. That is – get into it right away! And I quote:
Building your own project from scratch takes time. If you just want to test the waters and build React projects quickly without wasting time in setups, I highly recommend the boilerplate to you.
facebook/create-react-app – https://github.com/facebook/create-react-app
This is a quick way to “test the waters and build React projects quickly”, he said.
For other starter kits/boilerplate projects, this one would be a good start where you can copy and modify to create, experiment and shape as your own React app.
You might wonder how you’ll be able to learn ReactJS this way, when it’s already a ready-made web app?
Well I like this style. More or less I’ve been in this situation several times. In fact I prefer it too. But not always. It is almost like going at it in reverse. Trying to understand how it works by looking and inspecting at the nuts and bolts of a finished product. Then go back to read more about it. Limiting these to the components that was experienced at first, before going into other domains that all the technology was designed for and is capable of doing. Sometimes the subject is just too broad, learning it all requires a serious amount of time. It may not be suitable always when only a subset might be required.
Which brings us into the next thing. Starting from scratch. Sooner or later you will have to do it bottom up on your own. These are what he mentions as essential.
Babel – https://babeljs.io
Webpack – https://webpack.js.org
This is a module bundler. It bundles your projects JS files into one, or split it into several parts. This is done to boost performance of your web app. It works pretty well with Babel too.
Redux – https://redux.js.org
Flux – https://facebook.github.io/flux
Before there was Redux, there was Flux. Developed by Facebook. Flux is what is used to build the client-side facing web applications of Facebook.
MobX – https://mobx.js.org/README.html
Yet another state management library like the 2 previous ones above.
To get a more detailed look at all the technologies laid out here, you can head out to – https://medium.com/hackernoon/quickstart-with-reactjs-everything-you-need-to-know-in-5-minutes-8c78d0ef9680 – by Sonny Recio.
- > Extending Android Device On Desktop May 29, 2020
- > Creating Links Using Spring Boot HATEOAS June 6, 2020
- > Gwibber not working properly with Facebook July 27, 2010
- > FireCrash or FailFox? you choose. April 21, 2009
- > Gone To Tristram. Will Be Back After Inferno.. . June 8, 2012
For some time now I’ve been planning on learning ReactJS. It is all what front-end developer talk about theses days. Heck, full stack application developer job offers always pair ReactJS with [back end programming language goes here] in the job description almost without fail. That learning plan has not happened yet, though, and unfortunately for…