Web Developer World

  Todo App (React ) Step 1: First create a project using create project comments -->create-react-app project_name Step 2: Next Open the live Server Means NPM servers -->npm start Step 3: Open your editors (ex: VS code)-->code . Step 3: Create a Firebase Project            REfer Firebase Documentation Step 4: Delete the Unuse Files Step 5: Code For App.js:- import   React , {  useState ,  useEffect  }  from   'react' ; import   Todo   from   './Todo' ; import  {  Button ,  FormControl ,  Input ,  InputLabel  }  from   '@material-ui/core' ; import   './App.css' ; import   db   from   './firebase' ; import   firebase   from   'firebase' ; function   App () {    const  [ todos ,  setTodos ] =  useState ([]);    const  [ input ,  setInput ] =  useState ( '' );    //when the app load, we need to listen to the database and fetch new Todos as  they get added    useEffect (()  =>  {      //this code here..fires when the app.js 

  React How To Install React in our Pc? Ans:-   First open Browser and then to go node js official Website And install node js in our system           Then Open Commented Promment official nod js Commend promment   Type Commented: --->install react app  Then type Comments -->npm install-g create-react-app How To create a react project? Ans:-   Open Command Prompt              Enter the Command give below 👇                 1) Select local directory first:-                   -->cd name of local directory                 2) Select Directary:-                   -->name of directory(ex:d)                3) Create React Project:-                   -->create-react-app project_name                4) Selection of project:-                   -->cd project_name   How to Run your React Project?      Ans:-  First Type command from the command prompt                -->npm start                then the start npm servers                that project open in browser