This post is for beginners who struggle to understand the data flow of React JS. You can pass data from a parent component to the child component as props. Props are like a variable which you can pass from one component to another. First of all, you can create a child component. Child Component Now…
Here, I will show you how to use material icons in your react app. First of all, you need to install two packages. npm install @material-ui/core npm install @material-ui/icons Now it’s the time for you to select an icon from here. I have given below an example of using AccessAlarmIcon from the list. You can…
This blog post teaches you how to consume REST APIs in react using Axios. Axios is a promise based HTTP client. You can also use Fetch API from react to fetch data from third-party APIs. If you want to know the exact difference between Axios and Fetch, just read this nicely written article. Firstly create…
Material UI is one of the most popular UI framework for reactJS. It reduces your work and you can easily implement components. Material UI TextField is convenient for forms and this blogpost will teach you how to get data from it. As you know, Material UI TextField is a controlled component. onChange prop is used…
As you know, material-ui is one of the most popular react component library which implements Google’s material design. When you are looking the props for Button in material-ui you may notice that onClick is missing. Yes, you are right, material-ui has not documented common react events. You can add onClick function to material-ui Button as…