When we plan to use a form in an application then, we need to think about predefined values, event handling, error handling, alert (successful/unsuccessful) messages, disable all actions when clicked to submit button, and much more! I have a working example that will handle all these jobs using a custom…

Are you looking for an easy way to validate your ReactJs form? So, let me show you how this simple part can be done in the easiest way. I have used the Bootstrap framework with React. But, you can do it without using the Bootstrap. The idea behind validation You have mainly two components…

In this quarantine, I have taken a challenge of 72 hours to rebuild a homepage of a live website. I have planned to do this while I have some free time alongside the office job. Their website was built with Vue.js so I have planned to rebuild it using ReactJs…

About ReactJs React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. Dynamic Serving It is a setup where the server responds with different HTML and CSS…

This is a simple form for taken the Credit Card payment. It will validate the fields has data or NOT and return the type of Credit Card name. I have used ReactJs, Next.Js, Bootstrap, and SASS to build the form. It is a responsive design. ReactJs and Next.Js are javascript…

ReactJs is a popular JavaScript library for building user interfaces and Next.js is another JavaScript framework created by Zeit. It lets you build server-side rendering and static web applications using React. In today’s tutorial, I am going to show you a simple application using Next.js and Google books API. Before…