React.js Basics (for starters and Angular Developers)
--
Introduction
JavaScript world has seen some great libraries, frameworks and practices throughout its history.
jQuery is one of the great library when it comes to JavaScript development.
Everyone knows popularity of jQuery and the ease it provides to build rich client-side applications. Later, jQuery UI was developed and jQuery plugins eco-system resulted in great many plugins and reusable code which is still in use even today by many websites across the globe.
However jQuery UI, reached to its final release in 2019 and project is now in a maintenance-only state. As per post on official blog, jQuery UI team will make sure the library is compatible with new jQuery releases and that security issues are fixed but no new significant feature work is planned.
The project is now with OpenJS foundation in Emeritus stage category, which is for projects which have completed their lifecycle and are retired.
Change is sometimes not that pleasant. Years of learning and mastering a tool and it just goes away, not that easy right?
Well, change is not that bad either. We saw KnockoutJS rose to popularity with its two-way data binding approach and was appreciated by developers as it let us clean up some jQuery selectors intensive code and was followed by AngularJS.
AngularJS then lead to Angular2 and naming alone confused people for few following months. Eventually, it was cleared up and world moved on.
Angular is a great framework for building web applications. I myself, have used Angular for many projects.
However while Angular is a framework, React is a library and based on your requirements, you may find one better or the other or it may be due to some personal taste or application needs or development team preferences etc., we are not going in to those debates of which one is better Angular or React etc.
Here we will will just try to cover some react basics and see how we can start using react for our web development projects.