In this article, we are going to create a basic authentication with Firebase. Don’t worry if you are new to firebase, we are also going to cover how to create a project with Firebase and grab your web API keys. We are going to create Login, Sign Up, and a Dashboard route to figure out about the firebase authentication.
…Previously, We have created a ToggleButton component with Vue. We have used the standard way to build the component. In this article, we are going to create the class-based component with TypeScript. We have used the followings for toggle button component i.e.
…
Previously, We have created a Toggle Botton component with Vue. You can download the complete source codes from the GitHub repository. Today, we are going to implement Unit testing for our Vue component. And we are going to use the Mocha and Chai to perform the testing. Mocha is a simple and feature-rich test framework for javascript. Before jumping directly to the codes, Make sure to add the required packages to the unit testing environment.
…The navigation guards provided by vue-router. We are going to use the navigation guards to protect the route. There are a number of ways to implement the navigation guards i.e. global guards, per-route guards and component guards. We are going to implement global guards.
Protecting Route for Authenticated Users in Vue.jsRead More »
We are going to create a Toggle / Switch button component with Vue Js. Before starting, The basic thing to keep in mind that the Toggle / Switch button could have only one state i.e. On / Off or True / False. So all the implementation is based on this state.
…You may like: Create Toggle / Switch Button in React
Today, we are going to learn how to communicate between components in Vue Js. To more understanding, We are going to play with a basic Shopping Bag example. The shopping bag will display the simple number of items. Our shopping bag will be going to use two events i.e. increment and decrement to adjust the number of items. Let’s jump to the codes without any delay.
…Communication between Parent-Child Components in Vue JsRead More »