Sunil Joshi

@suniljoshi19

310 Points

3 Followers

32 Posts

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.

Sunil Joshi

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...
Top 10 Angular Material Themes for you to try in 2021
Select One:

Sunil Joshi

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...
10 Best Free Productivity Tools Front-end Developers need in 2021
Select One:

Sunil Joshi

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...
6 Best React Dashboard Templates that you can Use in 2021
4
Select One:

Sunil Joshi

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]
4
Select One:

Sunil Joshi

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]
Select One:

Sunil Joshi

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]
Select One:

Sunil Joshi

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...
The Ultimate React Cheat Sheet
7
Select One:

Sunil Joshi

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...
Angular Cheat Sheet
8
Select One:

Sunil Joshi

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...
What the heck is Vue Vite?
7
Select One:

Sunil Joshi

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...
What is React? Why developers are choosing it over other Frameworks?
Select One:

Sunil Joshi

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...
Vuejs Lifecycle Hooks
Select One:

Sunil Joshi

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,...
Nuxt.js Cheat Sheet
Select One:

Sunil Joshi

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...
The Ultimate Vue Cheat Sheet
9
Select One:

Sunil Joshi

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...
Implementing Drag and Drop in Vue
9
Select One:

Sunil Joshi

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...
Top 5 Free Vue Dashboards & Framework Comparison
Select One:

Sunil Joshi

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...
How to use Bootstrap 4 with Angular 10 & Top 5 Free Angular Bootstrap  Resources
Select One:

Sunil Joshi

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...
Best Free React Dashboards & Resources for every React Developer
Select One:

Sunil Joshi

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...
React Bootstrap Tutorial | How to add Bootstrap to React
Select One:

Sunil Joshi

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...
How can we use Bootstrap with Vue, Learn Bootstrap Vue with example
Select One:

Sunil Joshi

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...
Setting up Firebase Authentication in React Application
Select One:

Sunil Joshi

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...
Implementing Dark/Light mode in your Vue Vite Application
Select One:

Sunil Joshi

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...
Setting up TailwindCss in Angular 10
5
Select One:

Sunil Joshi

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...
Build a shopping cart in Nodejs and Angular10
Select One:

Sunil Joshi

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...
Build a shopping cart in Nodejs and React
Select One:

Sunil Joshi

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...
Build a shopping cart in Nodejs and Vue Vite
Select One:

Sunil Joshi

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,...
Building a Shopping Cart In Nodejs
10
Select One:

Sunil Joshi

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...
Why Angular framework is the next big thing for Enterprise-Ready Web Apps?
1
Select One:

Sunil Joshi

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...
Unit testing react components using Enzyme and Jest testing frameworks
8
Select One:

Sunil Joshi

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...
Improving Vuejs Apps with Vue Filters and its Alternative (Vue Computed Properties)
7
Select One:

Sunil Joshi

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...
Bootstrap: What makes it an Ideal Design Framework?
2
Select One:

Loading More Content

Back to DevDojo