How to start with Sitecore JSS using react framework ?

Hope you are already aware of the basics of Sitecore JSS and react as well. Here in this article, we are going to 

• Setup Sitecore JSS app with React framework
• Connect/Map JSS app with Existing Sitecore Instance
• Deploy JSS App to Existing Sitecore Instance

NOTE: I did a setup with Sitecore 10.2, but you can choose as per your need.

The steps are as below

• Sitecore 10.2 setup - without SXA [ex: sc.dev.local]
• Sitecore PowerShell extension 6.3
• install Sitecore package by clicking JSS compatible module 
• create JSS key in masterdb /sitecore/system/Settings/Services/API Keys/
• goto Repo location (where wanted to create Sitecore JSS Application)
• install jss cli by cmd/powershell as admin and run below command
• >npm install -g @sitecore-jss/sitecore-jss-cli
• To create Sitecore JSS app using react framework run below command
• >jss create jssapp react
• >jss start [to check it's working]
• add new site binding dev.local instance as jssapp (HTTP) and make host entry in C:\Windows\System32\drivers\etc
• run and check http://jssapp/
• run command >"jss setup" and add details as requested
• please verify hostname from JSSAppLocation/sitecore/config/jssapp.config
• run command >"jss deploy config" [To deploy Sitecore JSS Application config to Sitecore instance]
• run command >"jss deploy app -c -d" [To deploy everything from Sitecore JSS Application to Sitecore instance]
• verify again "http://jssapp" [To verify JSS application changes on hosted Sitecore instance]

Hope this will help you to set up quick with the Existing Sitecore instance.

How to uninstall Horizon from existing Sitecore instance ?

There may be a scenario, where we would need to uninstall the horizon instance. For that, we would require the same tool can be downloaded from https://dev.sitecore.net/Downloads/Sitecore_Horizon.aspx

We have chosen for our instance as 

please download and unzip, if not have. And now open InstallHorizon.ps1 script file.

Please add the below variables in the same file 

[string]$InstanceName = $horizonInstanceName,

[string]$PhysicalPath = $horizonPhysicalPath,

now please comment InstallHorizonHost method calling and add below as per screenshot

Import-Module "$PSScriptRoot\InstallerModules.psm1" -Force

Uninstall-HorizonHost `

  -InstanceName $InstanceName `

  -PhysicalPath $PhysicalPath

Once done, run the PowerShell script. Horizon instance will be uninstalled.