Welcome to one of the best React.js tutorial ever available on the planet Earth! By the end of this course, you’ll have complete understanding of React.js. You’ll get to know what this library is, what it’s used for, and what you can build with it. You’ll have enough confidence to build your dream application with it. Sky is the limit. You’ll also explore Redux along the way.
In this section you’ll be answered the most basic queries that’ll help you understand the later sections little bit better. Remeber, these are not the complete explanations. So, if anything looks a bit out of shape, sit back and relax. I just want you to go through these once. At the bottom of this page, you’ll find links for the course outline.
Ready to hop in for the React journey? Let’s begin with a various obvious question …
What is React.js?
The main purpose of React is to show some content (HTML – example: divs, spans, headers, footers, forms, buttons etc) to the user’s web browser and handle all the interactions made by the user as well. When these HTML elements are shown up on the screen, the user may want to interact with those elements. For example, they may want to fill a form, or click on a button or give some input to the text input box. React’s goal is to handle those interactions. Whenever some user interact with these elements, React will respond to those interactions.
What is a React Component?
What is JSX?
What is an Event Handler?
Event handlers are rigorously used across the web to detect user interaction and respond to it. A similar Event Handler is used in React as well. Earlier, you saw that a React component is used to show some content on the screen. An event handler can also be used to detect user interaction in our application, like clicking, hovering, dragging, etc. We can use that Event Handler to create some components or update existing components.
What’s the difference between React and React DOM?
The React library by itself, contains a large amount of code that defines what a component is. We use multiple components in a single React application and join them together to make a working application. All of this is done by the React library itself.
On the other hand, the ReactDOM takes up some amount of those components and prepare it to show up on the HTML front-end. That is, it is responsible for rendering the resultant component on the web browser.