How to Create Charts in React with an Example

We will use the Axios library to send an AJAX request to the Laravel API. Axios is a promise-based javascript library. How to Create Charts in React In this tutorial, we will use the Chart.js library to display the charts. We will discuss two charts in this tutorial. First is the BarChart, which uses bars to show comparisons … Read more

React Laravel File Upload: Everything You Need to Know

To upload a file with React and Laravel, create a React file component and backend in Laravel. Then use the Axios library to send the file request to the Laravel server and saves the image in the server. In this tutorial, we will upload an image from the react js component. First, we install dependencies using … Read more

How To Setup TypeScript With Webpack 4

TypeScript is a language for application-scale JavaScript. TypeScript adds optional types, classes, and modules to JavaScript. TypeScript supports tools for large-scale JavaScript applications for any browser, for any host, on any OS. In addition, TypeScript compiles to readable, standards-based JavaScript. Setup TypeScript with Webpack 4 TypeScript is a typed superset of JavaScript that compiles to plain … Read more

How To Build Progressive Web Application Using React js

Progressive Web app uses the best of web and the best of apps to give a smooth experience to users and feels like the native app. We will see how compatible they are with existing architectures using libraries like React.js. Progressive web apps take advantage of the latest web development tools and give users mobile sites … Read more

How To Setup Vue js With Webpack 4 Example From Scratch

Webpack 4 is out now, and it has some functional changes in this version, like zero configuration as parceljs come up with that first. If you are new to webpack 4, you can check out my  Webpack 4 Tutorial With Example. First, we will see how we will install the necessary dependencies and then configure the … Read more

How to Do Testing in Vue.js

If you are making small web applications, it is easy to test them. But when it becomes larger and larger, it becomes tedious to test minor components of the applications. In that scenario, We need to use automated testing that checks every time we change the code to ensure that our code does not break … Read more

Laravel jQuery Validation: How to Validate jQuery Form in Laravel

Laravel is known as one of the most popular PHP frameworks. Laravel provides several features like Bootstrap, New Blade Directive, API Controller Generation, etc. There are multiple jQuery plugins to validate the form. This jQuery plugin produces mild clientside form validation easily. These plugins have so many attribute alternative rules to authenticate form such as: maxlength minlength minvalue maxvalue extension … Read more

How to Use TypeScript with Vue

Vue.js is already providing TypeScript support. The static type system can help prevent many potential runtime errors, especially as applications grow. For developing Vue applications with TypeScript, we strongly recommend using Visual Studio Code, which provides excellent out-of-the-box support for TypeScript. If you are new to Vue.js, then check out my Vue.js Tutorial. So, we will use … Read more

Beginners Guide To Setup React Project With Parcel Tutorial

Beginners Guide To Setup React Project With Parcel Tutorial is the topic. In this example, you will see how we can use Parcel as a module bundler for React.js development. Most of the time, we have used webpack as a module bundler. It is very famous right now. But to configure the webpack is tedious. You need to have some knowledge about … Read more

Laravel and Vue Chart Tutorial: What You Need to Know

For this topic, we will use two web technologies. Laravel as a backend and Vue.js as a Frontend component. We will insert the data from the vue component and display the data in the form of Charts. For charts, we will use a chartjs library. Laravel and Vue Chart js We will use vue-chartjs as … Read more

Laravel 5.6 CRUD Tutorial: The Complete Guide

Laravel is a free, open-source PHP web framework. It follows MVC(Model View Controller) Architecture. Laravel is recognized as one of the most popular PHP frameworks. Bugfix released 5.6 on February 7, 2018. Laravel has become the first-ever back-end framework to pass 40,000 stars on Github. In this tutorial, I will illustrate a simple insert, update and delete application in the … Read more