React Reference Links

Excellent Link for learning React:

https://reactrouter.com/web/example/basic


https://www.robinwieruch.de/react-folder-structure

https://www.pluralsight.com/guides/file-structure-react-applications-created-create-react-app

https://blog.bitsrc.io/how-to-write-better-code-in-react-best-practices-b8ca87d462b0


Class Component VS Function Component





Routing
Good



Good Video Tutorial:
https://www.youtube.com/watch?v=xm4LX5fJKZ8


day: 19-Aug-2020:

https://www.digitalocean.com/community/tutorials/react-axios-react
https://www.digitalocean.com/community/tutorials/js-fetch-api
https://medium.com/how-to-react/simplest-way-to-use-axios-to-fetch-data-from-an-api-in-reactjs-cd9af9d7230


Free Apis with example Response:
https://jsonplaceholder.typicode.com/
https://reqres.in/
https://eleven-fifty-academy.gitbook.io/react-workoutlog/module-0-application-setup




The site to REFER FOR General Information
https://developer.mozilla.org/en-US/docs/Web/HTTP


Good one
https://react-hook-form.com/
https://www.valentinog.com/blog/redux/#react-redux-tutorial-getting-to-know-the-redux-store

https://stackblitz.com/edit/react-ls1dwp
https://reactjsexample.com/scroll-to-a-position-in-react/


Comments

Post a Comment

Popular posts from this blog

How to run react project after cloning from git repo

 git clone [repository url] //Step 2: cd [local repository] //Step 3: //Check package.json file and ensure scripts are notated as below: "scripts": {     "start": "react-scripts start",     "build": "react-scripts build",     "test": "react-scripts test",     "eject": "react-scripts eject"   }, //Step 4:  /* Delete the node_modules folder and any 'lock' files such as  yarn.lock or package-lock.json if present.*/ //Step 5:  npm install //Step 6: npm start In case of issues shown after npm install, run the below to automatically fix the issues: npm audit fix Alternatively, use the below to see the errors: npm audit
Read more

How to start React,Angular and Node Apps

 ========> To start NODE App 1. download from Git 2. $npm i 3. $node app.js ========> To start Angular APP. 1. download from Git 2. Check Git application supported (node -v and npm -v) 3. using nvm change to above version in command prompt(Ex: $nvm use 10.14.2) 4. $npm i 5. $ng serve --port 2224 -o =========> To start React App. 1. download from Git 2. Check Git application React Version for (npm and node) and install (npm i) 3. To start React Application $PORT=3034 npm  start   npm install npm start open http://localhost:8080 (should start automatically ) Available Commands npm start - start the dev server npm run dev - create a developer build in `dist` folder npm run build - create a production ready build in `dist` folder  
Read more