Sunil Joshi
@suniljoshi19
Joined July 28th, 2020
Sunil Joshi is an avid designer cum developer who is passionate about solving complex UX challenges across digital businesses. He is a trendsetter in the field of data visualization and dashboard design and has been lauded for his clean and minimalist design aesthetic.
9 hours ago
View Post
Top 10 Angular Material Themes for you to try in 2021
The internet is full of various themes and templates which help a developer to quickly apply a general set of design rules in their application. With so many options at your disposal, it can be really hard and sometimes quite frustrating when all you need is a theme that matches exactly your needs.
When Google introduced the Mat...
Select One:
3 days ago
View Post
10 Best Free Productivity Tools Front-end Developers need in 2021
It's a new year and that means a new set of tools to boost the developer's productivity. And those which don't cost a penny!
Whatever code we as frontend devs write to develop a project, we have to appreciate the different sets of tools we use throughout our careers and projects. Without these wonderful tools, the life of a deve...
Select One:
4 weeks ago
View Post
6 Best React Dashboard Templates that you can Use in 2021
If you are looking for the best react dashboard template then either you’re building it for your own or you have a client to build a full-stack application for him. But, you don’t want to waste time, actually coding the HTML, CSS for the admin's section. Then you are at the right place, my Friend.
Here in this article, we’ll pro...
4
Select One:
1 month ago
View Post
Top 8 Design Trends of 2021 [With Resources]
If the general public gets excited for a new tech product at the beginner of the year, so does a typical UX designer in his/her career who is looking forward to some of the best design trends. Sometimes it's the big corporates who come up with their unique style while other times a freelance designer can come up with a blog that...
![Top 8 Design Trends of 2021 [With Resources]](https://cdn.devdojo.com/posts/images/March2021/top-8-design-trends-of-2021-with-resources.jpg)
4
Select One:
5 months ago
View Post
How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]
Alright then, so you have decided your path. You want to become a web developer this year.
Welcome to the vast ecosystem of the web! Great choice, but how will you become an awesome dev who loves taking challenges, can implement what needed by the client, or just knows how to debug and solve web-related problems?
The following c...
![How to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]](https://cdn.devdojo.com/posts/images/October2020/how-to-become-a-kickass-web-developer-in-2021-frontend-backend-tips.jpg)
Select One:
5 months ago
View Post
Top 42 React resources every developer should bookmark [Latest]
Every developer needs resources! Whether you are just starting learning the most popular JavaScript library or you're already a pro in it, there are an immense number of resources both free and paid from where you can take some inspiration, learn new concepts or just listen to some podcast.
Here, are some of the best ones out th...
![Top 42 React resources every developer should bookmark [Latest]](https://cdn.devdojo.com/posts/images/October2020/top-42-react-resources-every-developer-should-bookmark-latest.jpg)
Select One:
6 months ago
View Post
The Ultimate React Cheat Sheet
React is an open-source, front-end, JavaScript library for building user interfaces or UI components. Just like Vuejs, It gives us the ability to create components, layouts etc in our application. In this article we will go through all the fundamentals of Reactjs in this React Cheat Sheet.
Installation
Using React in our applica...
7
Select One:
6 months ago
View Post
Angular Cheat Sheet
Angular is a TypeScript based open-source web application framework used in building both web and mobile based applications. In this article, we will go through some of the angular features by explaining some of its core API. You can follow this angular cheat sheet and use in your project.
Angular CLI
Angular gives us the abilit...
8
Select One:
6 months ago
View Post
What the heck is Vue Vite?
Vite is a Lightening fast cold server that offers instant hot modules replacement and True on-demand compilation. This tool was created by the Creator of Vuejs, but this doesn’t mean that it can only be used in Vuejs, it could be used by libraries like Reactjs.
Vite allows you to serve your code via native ES Module imports duri...
7
Select One:
6 months ago
View Post
What is React? Why developers are choosing it over other Frameworks?
We have been witnessing the epic growth in technology within a decade. But what excites us mesmerising ability and infrastructure that has been build up. And we have also experienced the amazing features of react templates that is widely used for different projects. If you press a rewind button and look back things looked so...
Select One:
6 months ago
View Post
Vuejs Lifecycle Hooks
In this tutorial you will learn and gain understanding of Vue.js lifecycle Hooks. you will also gain in-depth understanding of how components are created and destroyed behind the scenes.
Lifecycle hooks are the entry point to virtually all front-end frameworks out there, having a good understanding of when your components are cr...
Select One:
6 months ago
View Post
Nuxt.js Cheat Sheet
In this article, we will looking into some of the Nuxt essential and how we can use them in our application. It’s advisable to understand the basic of Vuejs before moving into Nuxt js. Before we start with our Nuxt Js Cheat Sheet, lets learn about Nuxt.
Nuxt.js is a free and open source web application framework based on Vue.js,...
Select One:
6 months ago
View Post
The Ultimate Vue Cheat Sheet
Vuejs has become one of the most successfully applied, loved and trusted frontend JavaScript frameworks among our community. The Vue3 comes with a whole lot of new features. In this article we will go through all the fundamentals of Vue2 and Vue3. Basically a Vue Cheat Sheet to make your life easier.
We will break it down into d...
9
Select One:
6 months ago
View Post
Implementing Drag and Drop in Vue
In this article we will be implementing something fun. We will be implementing the drag and drop feature in Vuejs. I know there are a whole lot of libraries out there that will help you set this up but its always a good idea to understand how its working under the hood.
Since its a very small application, we won’t be making use...
9
Select One:
6 months ago
View Post
Top 5 Free Vue Dashboards & Framework Comparison
There are lots of other frameworks in the market and around the world that people often prefer. But Vuejs framework is different and a rising star of 2020. Since it started, there are different frameworks available withing Vue and they are amazing. We are going to compare them, so you can choose the best.
Vue Framework Compariso...
Select One:
6 months ago
View Post
How to use Bootstrap 4 with Angular 10 & Top 5 Free Angular Bootstrap Resources
In this article, we are going to see different ways to install bootstrap 4 into our Angular 10 application. If you don’t have angular 10 installed on your local machine, you can see this tutorial on how to install it.
Prerequisites
Familiarity with HTML, CSS, and JavaScript (ES6+).
Vs code or any code editor installed on your d...
Select One:
6 months ago
View Post
Best Free React Dashboards & Resources for every React Developer
You might be curious about why react dashboards & resources? The same question arises in most of the readers. Let me tell you that react was developed by Jordan Walke, it’s open-source JavaScript library purposed to create useful web applications. It was implemented initially on the Facebook newsfeed in back 2011, followed t...
Select One:
7 months ago
View Post
React Bootstrap Tutorial | How to add Bootstrap to React
In this article we will see some best practices for React Bootstrap. Integrating native bootstrap in React is not as easy as it seems, as you will need to find a way to remove the jQuery dependency of Bootstrap before integrating it in your React Project. So lets start with our Reactjs bootstrap tutorial.
Prerequisites
Familiar...
Select One:
7 months ago
View Post
How can we use Bootstrap with Vue, Learn Bootstrap Vue with example
The Vuejs CLI comes with a whole lot of features from installing of packages to configuring of our Vuejs application. In this article we will see some ways to add Bootstrap 4 into our Vuejs application. Basically learning more about Vue Bootstrap.
Prerequisites
Familiarity with HTML, CSS, and JavaScript (ES6+).
Vs code or any c...
Select One:
7 months ago
View Post
Setting up Firebase Authentication in React Application
Setting up Firebase Authentication in React Application
In this tutorial we’ll be building a simple react application with authorization using Firebase with private routes. Before we dig in to the details, i would like to mention about some ready to use best react dashboard templates and web application templates, which comes wi...
Select One:
7 months ago
View Post
Implementing Dark/Light mode in your Vue Vite Application
In this article we will be implementing the dark/light mode feature into our Vue Vite application without using any library.
We will start by creating a simple Vite application and then setup a simple user interface for our application. Before creating our Vue Application, i would like to mention about some great Free Vue Templa...
Select One:
7 months ago
View Post
Setting up TailwindCss in Angular 10
Tailwind CSS is a highly customizable, Utility CSS framework that gives you all of the building blocks you need to build designs without any annoying opinionated styles you have to fight to override.
In this article we will be setting up tailwindCss in Angular 10. If you dont have Angular 10 running on your local machine you can...
5
Select One:
7 months ago
View Post
Build a shopping cart in Nodejs and Angular10
In this article we are going to build shopping cart frontend with Angular 10 for our application.
You can check our backend part built in Nodejs, which we already have published.
Note that you need to have the angular CLI installed on your local machine. To upgrade to Angular 10 you can follow up this tutorial.
To start up we ne...
Select One:
7 months ago
View Post
Build a shopping cart in Nodejs and React
In this article we are going to build shopping cart frontend for our application. We will be using React for building our frontend.
You can check our backend part built in Nodejs, which we already have published.
As far as we can, this will be minimal for full understanding of the main functionality.
To begin, we need to setup o...
Select One:
7 months ago
View Post
Build a shopping cart in Nodejs and Vue Vite
In this article we are going to build shopping cart frontend for our application. We will be using Vue Vite which has a faster hot module reload.
You can check our backend part built in Nodejs, which we already have published.
We need to create our application directory for Vite. Create a vue-cart directory in your desktop and...
Select One:
7 months ago
View Post
Building a Shopping Cart In Nodejs
In this article we will be building an E-commerce platform with Nodejs as backend and for Frontend, we will have 3 different techonologies (Angular, React and Vuejs). I will publish those articles and give link in this one soon. Vue Vite for frontend part is live, you can read now.
We will break down this article into two parts,...
10
Select One:
7 months ago
View Post
Why Angular framework is the next big thing for Enterprise-Ready Web Apps?
Looking at the demands and the evolution of technologies today, sometimes it amazes us. If we look a decade or two can we imagine a responsive design that could change accordingly to the size of the screen for different devices?
It was the rarest thing in those time and only the thing we could imagine is a website. You know it’s...
1
Select One:
7 months ago
View Post
Unit testing react components using Enzyme and Jest testing frameworks
In this tutorial, we will be writing unit test for a basic todo application using jest and react.
Let’s get started.
Jest
Jest is a JavaScript testing framework designed to ensure correctness of any JavaScript codebase. It allows you to write tests with an approachable, familiar and feature-rich API that gives you results quick...
8
Select One:
7 months ago
View Post
Improving Vuejs Apps with Vue Filters and its Alternative (Vue Computed Properties)
Filters
Filters are basically JavaScript functions that can be used to transform some output in the template. They take the value to be transformed as the first parameter then return the formatted version of that value.
Vuejs does not support a built-in filter so we have to build our filters depending on the task we want to acco...
7
Select One:
8 months ago
View Post
Bootstrap: What makes it an Ideal Design Framework?
If we look around the world today, thousands of developers develop websites using the same set of codes. Many of them always look for better frameworks to use some amazing dashboard templates for their projects. And sometimes this becomes a hectic job to maintain so many different things at the same place. Furthermore, this may...
2
Select One:
Loading More Content
