In this article we will go over a couple of front end application frameworks designed to make the development process smoother and the user experience better. Many apps both web and mobile are built on the following frameworks and they provide a solid base as to not force developers to reinvent the wheel.
Angular competes with React and Vue. Angular is a fully functional front end framework including both the serving of html pages and doing service functions. Past versions of Angular 1.x are known as AngularJS. Going forward the naming convention for Angular 2+ (Angular 2, 3, 4, 5, 6, etc) is just known as Angular. Angular is built on components where individual components manage individual responsibilities. Angular uses typescript which is a superscript of java script although any valid java script will work in Angular. This framework works with observables and RxJS. Angular is my current favorite framework but it certainly has its downsides. Many people consider a lot of Angular to be bloat. Angular comes fully featured and not so much in piece meal like some of the other frameworks. One of the major selling points of Angular is the 2-way data binding. Data served from the component to the view that is altered in the view can be bound backwards into the component.
React is a Java Script library that offers one-way data binding using properties. React, along with Angular, are used primarily for single-page-applications or SPA’s. React provides for stateful components. React is organized in modules just like Angular and provides for components to hold state and pass that state to the view. Unlike Angular, React uses Java Script XML or JSX. JSX is similar in appearance to html and is not required but is typically used when building applications using React. Pure Java Script can be used in place of JSX though that is not often the case. Opposed to Angular, React does not aim to offer a full framework for application building but rather is focused primarily on user interface and user experience.