In this tutorial We will learn how to connect Django with React Js using some basic steps. I think that we are in a folder named django-react-app npx create-react-app my-react 2. Now, Create a Django projectdjango-admin startproject myDjango 3. Now drag and drop the react project to the Django project 4. After This go to …
We will make a simple multi-user chat system in Flutter with the help of nodejs and WebSocket.It is very simple to make a chat system in a flutter. I hope that you would have basic knowledge of javascript and flutter. Multi-User Chat App Example Using Node.js, WebSocket, and Flutter. For more support, you can visit …
Today we will see how to perform a CRUD Operation in Flutter with SQLite.We are going to use an embedded SQLite database engine to store databases in Flutter Android and iOS.Before going ahead make sure you have at least basic knowledge of Flutter. How to use SQLite/Sqflite CRUD on the Flutter App. Download flutter from …
In today’s article, we will learn how to make notification AAP in reactjs with the help of Laravel.Live notification feature in ReactJS In this app, I didn’t use any package for notification I just used customer code in reactjs to create notifications in reactjs. Install react from https://reactjs.org/. Code for react js I have not …
We can disable any kind of button in ReactJs easily. Here we will disable button on checkbox click.Disable and enable Submit button in ReactJS . See how we can make OTP Timer in ReactJS – https://learncoders.xyz/otp-countdown-timer-in-react/ Download React Project : https://reactjs.org/ Now We will check CHECKBOX Button and on the click of checkbox button We …
How to remove Property of undefined error from you Javacript Projects .Cannot read property of undefined in Javascript and ReactJs . Error like Cannot read property `map` of undefined Learn more about ReactJs from https://learncoders.xyz/otp-countdown-timer-in-react/ There are certain ways to resolve this issue in your app To avoid error Property undefined you can use below …
How to avoid Window is not defined error in React and Nodejs .Window is not defined errors in React and JavaScript . Learn more about Reactjs www.learncoders.xyz 1. First solution: typeof While you can’t use: 2. Second solution: the useEffect hook 3. Third solution: dynamic loading A different solution is to load your Student component …
Sometimes, we want to refresh the page without reloading the page .How to Refresh a Component and Page in React. To refresh a page you don’t need react-router. We want to reload a page by clicking a button. Here’s the example: By using useState() method we can update the component. By using these methods you …
We can send base_64 Image in ReactJs with help of the Javascript method. How to store base_64 Image in ReactJS. I will use Nodejs for storing base_64 Image into a database. So Node js will handle our React Request. Base64 also known as Base64 Content-Transfer-Encoding is an encoding and decoding technique used to convert binary …
How to parse a complex JSON Response in ReactJs.How to Use React.js and Complex JSON Objects Creating Components We can use Javascript JSON.parse() to parse any JSON object in ReactJS. Dealing with complex JSON responses is a necessity today to React developers Make a component with the name Product Product.js This way you can parse …