React Js Start

-

 React Js Start

React Js

Introduction

    React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook.
    React is a tool for building UI components.

How to set up react js environment in my system?

1. Go to the website 👉https://nodejs.org/en/.
2. Click to Download  Current latest feature.


3. next go to the system Downloads then click on the download file.


4. then windows this type of screen shows: then click to Next.


5. Tike the accept term and condition checkbox and click Next.


6. Select The diaractery path and click on Next.
7. Click on Next.

8. Click on Next.


9. Click on Install.

10. Windows by default ask permission. click yes.
11. All package installing processes start.


12. Click on Finish.

Congrats 👋 You have successfully installed node js on your PC.

How to Check Node Js install or not on PC?

1. Open CMD And type Following Command;

👉 node --version

=> v17.0.1

👉 npm --version

=> 8.1.0


Congrats You have successfully set up for React Js Environment in Your Pc. 

Comments

Post a Comment

Popular posts from this blog

Switching Tab in wix

-
Image
Multi State Boxes STEPS:- 1) First of all please on development mode in wix. 2) Click the + ( add) icon. 3) Select and click interactive 4) And select and drag and drop Boxes -> Multi state boxes. 6) And manage and rename state boxes like repeater  7) Add the code -> open code corvid  terminal and past the following code and changes the accordingly  8) code => $w.onReady( function  () {                 $w( '# add button id' ).onClick(() => {         $w( '# add state box id' ).changeState( " add box name edited " );     });       $w( '# next button id ' ).onClick(() => {         $w( '# add state box id ' ).changeState( " add box name " );     }); });  
Read more

Culture Interactive Project Research

-
 Culture Interactive Error In Code: Ui Is note Responsive. Many Dependencies Is Installed But Never Used. React is a single-page application but our project page is refreshed. Add the account is work but the data storing time page is refreshed Also Deleting time refreshed. Only Account Added and project add functionality are mentioned. In signup and login, functionality is mentioned but not stored data in firestore. Also, Contributor details are note added. In code, most of the code is hardcoded not soft coded. Folder Structure: public 📂 👇               index.html  📂 👇                                        All HTML header section details are available here.                                        👉 Google Fonts Is CDN Mentioned  Roboto.                                  👉  R emix-Icons CDN Mentioned                                         👉  Font Awesome Icon CDN Mentioned                                  👉  Bootstrap CSS CDN Mentioned  Version 5.0.2                            
Read more

Bootstrap /Flex-Boxs / Grids

-
Image
 Bootstrap Introduction:-                                 Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites. How To Accesses Bootstrap?                                                 First Link The Bootstrap CDN in HTML file in the header section.                 Like CSS CDN :- <link rel= "stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity= "sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin= "anonymous" > <script src= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity= "sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin= "anonymous" ></script> Also JS CDN:- <script src= "https://code.jquery.com/jquery-3.5.1. slim.min.js" integrity= "sha384-DfXdz2htPH0lsSSs5n
Read more