I am using VSCode as my code editor, feel free to choose your own favorite editor. You can download the latest or node version greater than 14.0.0, after downloading, install it. So now let's work on a practical approach. So whenever any changes are there it is first updated to virtual DOM and it will compare it with real DOM using the diffing algorithm which compares for the changes and update only those elements which are changed. But, updating this DOM would be a heavy task so React actually uses a virtual DOM before updating the Real DOM. It helps in building complex UI by splitting it into simpler components and helps in component reusability.īrowser re-renders the page only when DOM (Document Object Model) is updated.Used for building Single Page Applications.It is a library for building User Interfaces.Let’s start with a basic understanding of React js. If you are not familiar with this you can refer to w3schools to learn the basics of HTML, CSS, and Javascript. Prerequisites -īasic Understanding of HTML, CSS, and Javascript. Also, this post will be updated based on your suggestion, please feel to contact/comment with us for suggestions that will help in improving this post. We will cover more theoretical knowledge in form of questions and answers in our next post. ![]() ![]() I have divided each concept into steps to better track where we are in. So here we will try to implement React concepts in building this Quiz web app so by the end of this post you will be confident about React and able to build your own web apps. ![]() Hello friends, Today in this post we will learn React JS by building a Quiz web app.
0 Comments
Leave a Reply. |