Author: Awais Farooq
-
AngularJS Data Binding
Data binding is a very useful and powerful feature used in software development technologies. It acts as a bridge between the view and business logic of the application. AngularJS follows Two-Way data binding model. One-Way Data Binding The one-way data binding is an approach where a value is taken from the data model and inserted…
-
AngularJS First Example
AngularJS applications are a mix of HTML and JavaScript. The first thing you need is an HTML page. Second, you need to include the AngularJS JavaScript file in the HTML page so we can use AngularJS: Note: You should always use the latest version of AngularJS, so it is not necessary to use the same…
-
AngularJS MVC Architecture
MVC stands for Model View Controller. It is a software design pattern for developing web applications. It is very popular because it isolates the application logic from the user interface layer and supports separation of concerns. The MVC pattern is made up of the following three parts:
-
What is AngularJS
Angular JS is an open source JavaScript framework that is used to build web applications. It can be freely used, changed and shared by anyone. Angular Js is developed by Google. It is an excellent framework for building single phase applications and line of business applications. Advantage of AngularJS There are a lot of JavaScript…
-
AngularJS Tutorial
AngularJS tutorial provides basic and advanced concepts of AngularJS. Our AngularJS tutorial is designed for beginners and professionals. Angular JS is an open source JavaScript framework by Google to build web applications. It can be freely used, changed and shared by anyone. Our AngularJS tutorial includes all topics of AngularJS such as mvc, expressions, directives,…
-
React Error Boundaries
In the past, if we get any JavaScript errors inside components, it corrupts the React?s internal state and put React in a broken state on next renders. There are no ways to handle these errors in React components, nor it provides any methods to recover from them. But, React 16 introduces a new concept to handle the…
-
React Portals
The React 16.0 version introduced React portals in September 2017. A React portal provides a way to render an element outside of its component hierarchy, i.e., in a separate component. Before React 16.0 version, it is very tricky to render the child component outside of its parent component hierarchy. If we do this, it breaks the convention where…
-
React Redux Example
In this section, we will learn how to implements Redux in React application. Here, we provide a simple example to connect Redux and React. Step-1 Create a new react project using create-react-app command. I choose the project name: “reactproject.” Now, install Redux and React-Redux. Step-2 Create Files and Folders In this step, we need to create folders and files for actions,…
-
React Redux
Redux is an open-source JavaScript library used to manage application state. React uses Redux for building the user interface. It was first introduced by Dan Abramov and Andrew Clark in 2015. React Redux is the official React binding for Redux. It allows React components to read data from a Redux Store, and dispatch Actions to the Store to update data. Redux helps apps to…
-
React Flux Vs. MVC
MVC MVC stands for Model View Controller. It is an architectural pattern used for developing the user interface. It divides the application into three different logical components: the Model, the View, and the Controller. It is first introduced in 1976 in the Smalltalk programming language. In MVC, each component is built to handle specific development…