Login with Facebook and Google using ReactJS and RESTful APIs

Login with Facebook and Google using #ReactJS and RESTful APIs

  • There are a number of advantages to implementing social login in your web applications.
  • First of all, it best secures the user credentials, the user can use a single login for accessing multiple sites, this can automatically access the user details for further use, and many such.
  • This article is about how to implement the social login with Facebook and Google using ReactJS and RESTful API.
  • This social login helps to store social data of the logged in user into the database.
  • So that it provides you valid user data like email, name, and others.

How to implement Login with Facebook and Google using ReactJS and RESTful APIs
Continue reading “Login with Facebook and Google using ReactJS and RESTful APIs”

Login with Facebook and Google using ReactJS and RESTful APIs

Login with Facebook and Google using #ReactJS and RESTful APIs

  • There are a number of advantages to implementing social login in your web applications.
  • First of all, it best secures the user credentials, the user can use a single login for accessing multiple sites, this can automatically access the user details for further use, and many such.
  • This article is about how to implement the social login with Facebook and Google using ReactJS and RESTful API.
  • This social login helps to store social data of the logged in user into the database.
  • So that it provides you valid user data like email, name, and others.

How to implement Login with Facebook and Google using ReactJS and RESTful APIs
Continue reading “Login with Facebook and Google using ReactJS and RESTful APIs”

Login with Facebook and Google using ReactJS and RESTful APIs

Login with Facebook and Google using #ReactJS and RESTful APIs

  • There are a number of advantages to implementing social login in your web applications.
  • First of all, it best secures the user credentials, the user can use a single login for accessing multiple sites, this can automatically access the user details for further use, and many such.
  • This article is about how to implement the social login with Facebook and Google using ReactJS and RESTful API.
  • This social login helps to store social data of the logged in user into the database.
  • So that it provides you valid user data like email, name, and others.

How to implement Login with Facebook and Google using ReactJS and RESTful APIs
Continue reading “Login with Facebook and Google using ReactJS and RESTful APIs”

Working with Git Submodules

  • The ‘url’ gives the repository URL link for the respective submodules using which Git clones the project.
  • The two sample submodules are ‘SampleModule1’ with URL and ‘SampleModule2’ with URL start by initializing a Git repository for SampleProject, to do this we use the command in the terminal:

    git init

    2)We’ll create a SampleFile for initial commit using any text editor and commit the file using the command:

    git add.

  • We have the details for the submodule above, using that we’ll integrate those repositories into our project as one of the subdirectories:

    git submodule add git submodule add 3.

  • a)Now both the submodules are added to your project, if we check the repository tracking status in SampleProject directory using ‘git status’, we’ll get the following output:

    git status

    Here three files are created ‘.

  • git/modules/

    “Commands Quoted From try removing the SubModule1Local from our project:

    git submodule deinit SubModule1Local

    My project folder now looks like,

    -Working in Submodule: You can directly work in the repository of the submodule by changing the current working directory to the subdirectory of the submodule.

Working with Git is great. The modern version control system that boosts a distributed architecture has much to offer when compared to many of
Continue reading “Working with Git Submodules”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

Task 5 – Opening our react-native app in Android emulator #javascript

Task 5 - Opening our react-native app in Android emulator  #javascript

  • Task 5 – Opening our react-native app in Android emulatorIn the previous task we have set up Android studio and its virtual device emulator.Now, lets open the react-native ‘momentz4ever’ app that we initialized/scaffolded in Task # 3 in the Android emulator.If you don’t have it open, open the command prompt with Administrator privileges and change the current working folder to the react-native project folder cd the react-native cli’s command run-android to for react-native to compile, build and open the app on the connected Android run-androidWith the above command, React-native will start building the android project/app.
  • It will also open up another command window where the packaging of the app will be triggered.
  • (If you get an error during the build like below, close the project in Android Studio and delete the debug folder from the path shown in the error: – react-native run-android command again.If everything goes fine, you should see app installed and opened up on the emulator with the Welcome screen that was scaffolded for us by the react-native init command when we created the project.Cool, now in the text task, we will setup and configure our project to use Typescript.

Now, lets open the react-native ‘momentz4ever’ app that we initialized/scaffolded in Task # 3 in the Android emulator. If you don’t have it open, open the command prompt with Administrator privileges…
Continue reading “Task 5 – Opening our react-native app in Android emulator #javascript”