Category «REACT JS»

How to Export Data to Excel in ReactJS

ReactHTMLTableToExcel

Today We will see how to Export Data to Excel in ReactJS. I am using Fake JSON Data. How to Export Data to Excel in ReactJS. Export Data to Excel Sheet in React We can convert React table data into an Excel sheet using a react react-html-table-to-excel package. All the data in the table are coming …

Send Emails with Node.js & React Js

Node.js - Send Emails via SMTP with Nodemailer

Today, I will share with you the logic behind email sending in MERN App. Send Emails with Node.js & React Js. How to MAKE an Email Send API in Nodejs We can send emails using Nodejs but for the front-end, we required any front-end technology like VueJs, AnuglarJs, or Reaactjs. So I am using Reactjs …

Theme Color change in React JS

Theme color change in React

I recently had a project with a requirement to supportĀ themingĀ on the website. Theme Color change in React JS We can change the background color of the body tag using react. It is a very easy process in which we can change the color of our project. I am using bootstrap to design the layout, You …

Records display in Material UI Table

Records show in Material ui Table

We can Show multiple records in Material UI Table using React. Records display in Material UI Table. I am using simple Javascript Fetch Techqniq for fetching data from this URL https://jsonplaceholder.typicode.com/users. You can use AXIOS as well for fetching Records from any external URL Learn more about fetch() https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch You need to install material UI …

Display Records in Model Box in React

Today, I will show how to show records in Popup Box or Model Box in React. Display Records in Model Box in React. Display API Records in Model Box in React I am showing all records from this API link – https://jsonplaceholder.typicode.com/users I am using Bootstrap Model box, You can use Material UI Model Box …

Responsive Navbar in Material UI React

Navbar in React

Today, I will show you how to make a Responsive Menu bar in Material UI React. Responsive Navbar in Material UI React. Responsvie Menubar in Material UI We can make use of Bootstrap with react but I will use Material UI with React JS. To learn Material UI You can visit its official Website https://material-ui.com/ …

Upload PDF file in React, Laravel

File Upload in react , Laravel

Today, I will show How to upload pdf files and docs files in React Js and Laravel. Upload PDF file in React, Laravel. How to Upload PDF and Doc Files in Laravel API We can upload any kind of file in Laravel using API. I am using Laravel8 You can use 6, 7, or Laravel8. …

Image Crop in React JS

Image Crop in React

Today, I will teach You How to crop an Image in React Js using the react-image-crop Package. Image Crop in React JS. I will show you How to crop an Image and Download the Image to You Local Computer. So First I will choose the File then Try to crop it. See our More Tutorials …

React dropdown select

Dropdown in react js

Today We will learn How to Get records from the selected values in react. React dropdown select. Show Selected Dropdown Records From Material UI Table I am using Material UI Design Table and You can use the Bootstrap table. So first You need to install material UI using the below command // npm npm install …