Developers World

As you know in programming world  JavaScript  is becoming quite famous programming language so in this blog we will discuss how we can create fresh project of  ReactJS  in standard way. React JS - Education Funda ~ $ npx create-react-app folder-name ~ $ npx create-react-app folder-name --template typescript To do setup of license, .gitignore and code of conduct for new project we can do with NPX commands: ~ npx license mit (it will create open source license for your project) ~ npx gitignore node (it will create .gitignore file in your project automatically so you don't need to create it manually)  ~ npx covgen your_email_id (it will create code of conduct file for your project)

ReactJS is an open-source, component-based front end library responsible only for the view layer of the application. It was developed by Facebook in 2013. React JS - Education Funda Some Important Notes Virtual DOM The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree. Imagine that you have an application and whenever there’s a state change, you want to update only the parts of your DOM tree that depend on those changes. You don’t want to re-render your whole UI from scratch because it would cost a lot, performance-wise, and the UX would be bad. React works with a feature called virtual DOM, a virtual representation of the real DOM tree. It’s just a tree data structure of plain JavaScript objects that is kept synced in memory. Rendering the virtual DOM is faster because it will never be rendered to the user, it will only live in memory. Class Component vs Functional C...