Posts

Showing posts from August, 2020

Redux best reference links

  https://react-redux.js.org/ https://www.educative.io/blog/understanding-redux https://www.smashingmagazine.com/2016/06/an-introduction-to-redux https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44 https://www.codingame.com/playgrounds/8894/redux-tutorial-for-beginners Verygood https://egghead.io/courses/getting-started-with-redux https://daveceddia.com/redux-tutorial/   GoodExample for Redux: https://dev.to/vikrantbhat/how-to-setup-redux-with-react-2020-cdj Hooks Best Example https://codesandbox.io/s/showhide-password-on-toggle-in-react-hooks-95qcz  

Best Pay ment methods in india

  https://www.brandloom.com/10-best-payment-gateways-in-india

Linux Basic Regular Usage Commands

 To get folder size from command line  $ du -sh /var for more details refer following Link:  https://linuxize.com/post/how-get-size-of-file-directory-linux/

Testing API form the system realated CURL Utility from the System

 Good One https://www.codepedia.org/ama/how-to-test-a-rest-api-from-command-line-with-curl/ https://adityasridhar.com/posts/how-to-easily-use-curl-for-http-requests

Sending Email From The Website - different email service providers.

  mailjet.com is a good one, https://www.mailjet.com/pricing/ using package https://packagist.org/packages/mailjet/mailjet-apiv3-php-simple using without composer https://github.com/mailjet/mailjet-apiv3-php-no-composer/issues/5 8 email service providers https://zapier.com/learn/email-marketing/best-transactional-email-sending-services/ 10 email service providers https://metabox.io/free-transactional-email-services/    in the above link SKET LABS and SEND GRID is having a free account for months with a limited number of SMS's. https://blog.mailtrap.io/smtp-or-web-api Good one https://blog.mailtrap.io/smtp-or-web-api/

Changing build path to / to ./ when building application.

Go to project and edit index.html from  <base href="/"> to <base href="./">   My_PROJECT/src/index.html or In package.json set flag --base-href to relative path: "script": { "build": "ng build --base-href ./" }

How to list all local and remote branches using git

 To check all remote branches of repo git branch -r To list all local branches of repo git branch -a To get all remote branches updated to local git pull --all

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

How to start react application in specific port instead of default port 3000

Using Package.json file in our project      "scripts": {     "start": "PORT=2221 react-scripts start", From Command Prompt PORT=3030 npm run start (OR) PORT=3030 npm start

how To allow your local node application access in another local systems

 //ng serve --host {ipaddress} --port {portno} ng serve --host 192.168.1.104 --port 4201

How to change NODE and NPM version

 kodali@kodaliPC:~/SivaDocs/React/Examples/hello-react3$ node --version v14.7.0 kodali@kodaliPC:~/SivaDocs/React/Examples/hello-react3$ npm -v 6.14.7 kodali@kodaliPC:~/SivaDocs/React/Examples/hello-react3$ nvm use 10.14.2 Now using node v10.14.2 (npm v6.4.1) kodali@kodaliPC:~/SivaDocs/React/Examples/hello-react3$ npm -v 6.4.1 kodali@kodaliPC:~/SivaDocs/React/Examples/hello-react3$ node -v v10.14.2 NOTE: If you close terminal , and open new terminal then if you run npm -v and node -v you will get default versions . Remember it. Again in that new terminal if you want to downgrade you have to use the command nvm use VERSION_NUMBER https://www.tecmint.com/nvm-install-multiple-nodejs-versions-in-linux/ npx vs npm https://www.geeksforgeeks.org/what-are-the-differences-between-npm-and-npx // check version node -v || node --version // list installed versions of node (via nvm) nvm ls // install specific version of node nvm install 6.9.2 // set default version of node nvm alias default 6....

Gone through links to find best SMS API/Gateway

  https://rapidapi.com/blog/sms-apis-send-texts/ https://rapidapi.com/blog/send-sms-with-php/#how-to-use-the-twilio-sms-api-with-php https://razorpay.com/docs/api/invoices/#path-parameters https://www.way2sms.com/pricing https://www.bulksms.com/developer/json/v1/# https://www.tm4b.com/en/features https://sandeshlive.com/

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 https://dev.to/danielleye/react-class-component-vs-function-component-with-hooks-13dg https://medium.com/@Zwenza/functional-vs-class-components-in-react-231e3fbd7108 https://reactjs.org/docs/faq-state.html Routing https://medium.com/javascript-in-plain-english/routing-and-navigation-in-react-cffc26e8a389   Good https://www.newline.co/@andreeamaco/how-to-handle-navigation-in-your-app-with-react-router-link--088f82d3 https://www.educative.io/blog/react-router-tutorial https://reactjsexample.com/tag/swipe/ Good Video Tutorial: https://www.youtube.com/watch?v=xm4LX5fJKZ8 day: 19-Aug-2020: https://rapidapi.com/blog/how-to-use-an-api-with-react/ htt...

To check installed react packages and packages related dependencies from command line

From Project Folder: By checking your  package.json From Command Prompt:   The below command will give you the list of npm packages installed in the current directory. npm ls --depth=0 You can set the depth value to see the dependency of the installed packages. i.e.  npm ls --depth=1