Nuxt Js ( SSR on steroid )
Index AboutInstallationDirectory StructureRouting asyncDataVuexStoreUsing External CDNDeploy on Heroku
Tag: web application
React Portals
Portals is a feature which was added in React 16. It lets you render children into DOM node outside of the parent component. How to create Portal? where child can be any renderable React element such as fragment, strings or elements and domNode is DOM element. What can we do with Portals? We can make […]
React Component Types
React has many different types of components and all provide different kind of use cases and performance optmizations. In this post we will see different types of components in brief and which component to use when Basic Component These are the default component of react which we use always, this has the all the react […]
Protecting Routes in React Application
Authentication is one of the most basic features in any web app, in this post we will see some of the best practices on how to implement authentication in react apps. There are several ways of protecting your routes from an unauthenticated user in your React Application, for example, it can be done by using […]
Angular CLI 7.1.2 – Whats New and Project Setup
Angular CLI Angular CLI is a command line tool that you use to initialize, develop, scaffold, and maintain Angular applications. What’s New The 7.1.2 release of Angular is here! This is a major release spanning the entire platform, including the core framework, Angular Material, and the CLI with synchronized major versions. This release contains new features […]
VUE CLI Additional Features
Environment Variables and Modes In the previous blog post we saw how to install a project using vue-cli@3 and some essential features. In this feature will see some optional but useful features with vue cli. Environment variables are quite essential to every project. We should put variables like api base url, access keys, secret keys, […]
VueJS Router Code Splitting
Code splitting is quite an interesting concept and can be used with vue router easily. PS: This an advanced topic, so its important to have a good understanding of vue-router before reading this. Let’s first understand what is the use of code splitting. If we have large project with lot of components and we build […]
Vuex Pathify – Simplify Vuex
View at Medium.com
Vuex Reduce Boilerplate using vuex-map-fields
Vuex is a great tool for state management, but i find that using vuex causes lot of boilerplate code. I will try to explain it in this blog post and will explore a tool called “vuex-map-fields” which i think makes things simpler. Before going further, its important to realize that vuex-map-fields is only useful for […]
Vuex what “data” to keep in state
View at Medium.com