Getting Started with React JS βοΈ
π‘React JS:
β React is a JavaScript library for building user interfaces or building a single-page application(SPA).
β It allows us to create ππππππππ UI components.
β React is a JavaScript library for building user interfaces or building a single-page application(SPA).
β It allows us to create ππππππππ UI components.
π‘Create React App:
β To learn and test React applications, we need to set up React environment on our computer.
β Node JS is required to create ππππππ-πππππ-πππ(CRA), so we need to install Node JS first.
β To learn and test React applications, we need to set up React environment on our computer.
β Node JS is required to create ππππππ-πππππ-πππ(CRA), so we need to install Node JS first.
β After installing Node JS we need to run the following commands:
1. npx create-react-app <app-name>
2. cd app-name
3. npm start
BUT π
1. npx create-react-app <app-name>
2. cd app-name
3. npm start
BUT π
β Still if are getting some ERROR(see the below image), So you should try to install ππππππ-πππππ-πππ globally.
β On my computer, I'm getting this module ERROR but once I globally installed ππππππ-πππππ-πππ then it's working.
β On my computer, I'm getting this module ERROR but once I globally installed ππππππ-πππππ-πππ then it's working.
β Although this is not recommended, I've not any idea about it so you can try it as well.
β Hit this command into your terminal: npm install -g create-react-app.
β¬οΈThen run these commands:
1. npx create-react-app <app-name>
2. cd app-name
3. npm start
β Hit this command into your terminal: npm install -g create-react-app.
β¬οΈThen run these commands:
1. npx create-react-app <app-name>
2. cd app-name
3. npm start
π‘How does React work:
β Instead of manipulating the browser's DOM, React creates a virtual DOM in memory, Where it does all the necessary manipulating before making the changes in the browser.
β Reacts only change what needs to be changed.
β Instead of manipulating the browser's DOM, React creates a virtual DOM in memory, Where it does all the necessary manipulating before making the changes in the browser.
β Reacts only change what needs to be changed.
That's all for now, we will meet in the next threadπ
π Follow Me @ATechAjay
For:
π Web Development
β¨ JavaScript
βοΈ React JS
π Writing Skill
π₯ Motivation
πΉ Growth
β But Not For Only Resources & Shitpost π
Thank you so much for staying to the end of this threadπ
π Follow Me @ATechAjay
For:
π Web Development
β¨ JavaScript
βοΈ React JS
π Writing Skill
π₯ Motivation
πΉ Growth
β But Not For Only Resources & Shitpost π
Thank you so much for staying to the end of this threadπ
Loading suggestions...