There are lots of ways to validate and form handling in React JS. You may write the custom validation rules for every input inside the form. It can be good when you have fewer inputs in the form. This can be handled by writing a few lines of code. But think, when you have a […]
API Handling in React Functional Component Using Hook
In React, we have already seen the API request handling in a class component. The class component is the old approach in React JS. After releasing React 16.8, we are accustomed to the functional component. The functional component helps in writing a more cleaned-up code than the class component. In React posts, I have already shared […]
How to Use useEffect Hook in React Functional Component
The React hooks are a very powerful feature that allows us to hook into the React functionality. It is a JavaScript function that can be used or called inside the React functional component. You cannot use a hook inside the custom function in the component. So, it is necessary to call the hook function at […]
State in Functional Component in React Using useState Hook
The state is a kind of instance of the React component class. It can be used to hold information about the component. The data can be changed in the component over time. It is an updatable structure that can be updated while values are changed. Firstly, the state was used with the class component in […]
How to Create Loading Spinner Using Bootstrap in React JS
Generally, an API takes time to return the response. It depends upon the server configuration and the data size. While fetching the data through API the screen goes blank until the response shows. It is not a good user experience for real-world applications. There can be possibilities that the user will change the screen or […]
File Upload in React JS Using Laravel 8 RESTful API
To upload the file you always need a server-side application. The file will be uploaded to the server-side and its name will be stored in the database. At the client-side application, you required the file that will be sent to the server-side using the API. You can implement File upload in React JS. For the […]
How to Use Axios in React JS For API Requests Handling
When you are working at a client-side application then you need to submit the data to the server-side. Here the term API comes to make an easy communication between the client-side application and the server-side. The API helps to send and receive the data from both applications. You already know React JS is used for […]
Form Handling in React JS With Validation Using React State
The form is a collection of inputs that collects the information from the user. For the form handling in React JS, you will have to understand the events. The events handling in React elements is very similar to handling events on DOM elements. You can write the same events inside React. But it allows writing […]
Brief Overview of React Routing Using React Router DOM
Do you want to handle and render multiple components in React? If yes then this post is only for you. Yeah, I am talking about navigating from component to component. While navigating to components the page doesn’t refresh in React. Also, it needs to change the route dynamically. If you render the child components in […]
Create a Todo App in React Using Laravel 8 RESTful APIs
We will be learning to create a React todo app using REST API. For the back-end, we will be using the Laravel 8 RESTful APIs. For this todo app, I will be starting with user registration, user login. Then the user will be able to create the task, retrieve the task lists, update and delete […]
