{"data":{"content":{"fields":{"slug":"/tips/setup","type":"tip"},"frontmatter":{"title":"Setup"},"html":"<h2>Setup</h2>\n<p>Prior to attending the workshop, we ask to validate your machine setup so that we can ensure a smooth workshop focused on learning React, not tweaking machine setup!</p>\n<h3>Validate machine setup</h3>\n<ol>\n<li>Please ensure you have all the requested tooling (e.g. git) as specified in <a href=\"/labs/setup-and-install-dependencies\">setup instructions</a></li>\n<li>Fork the <a href=\"https://github.com/objectpartners/react-redux-timesheet.git\">react-redux-timesheet repo</a></li>\n<li><code class=\"language-text\">git clone https://github.com/yourusername/react-redux-timesheet.git &amp;&amp; cd react-redux-timesheet</code></li>\n<li><code class=\"language-text\">node verify.js</code></li>\n</ol>\n<p>If all goes well, you should see</p>\n<p><span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 650px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 24.52316076294278%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAABYlAAAWJQFJUiTwAAABMklEQVQY0x2Qy1aCAAAF/ZcSFTXkIaAhb0EeRiKCGeWiOrTr/1cTupjtnLl3MDO2TCSLieIgqi7iYsNUD5jd0AKmsslINxgbJsJUR5B6TAPxyWRp+Kiai6zazKU1wmTJILp02FlD2HwRv3dodkbU/mKVV8Lqm7SuUJst8iFgFex5LnKUJiR9rem6P6rTB374gm76DEdqL7RDDocL51PLsajx3IQir8jigl30QlV+kocVRXImTUqa05V9UlMeW071J4fywup5izDWGIs6g/j8zWZ3JKqueK/veGlN/PZD3nY42QV7l7KuMsL2yNKJsP39vUY3AxTNwXZTvL5QnPXX3CYv/IKp5jFfx0ibjIlsIzk5cytBtnIWqw0jd8XQ6n9TrL7CYCio96Ibj4LCw1C5y26F/21Cr5Kcga6EAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n    ></span>\n    <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;box-shadow:inset 0px 0px 0px 400px white;\"\n        alt=\"Verification Image\"\n        title=\"\"\n        src=\"/static/a281a3de4fe8b2c5b70168b2c44f58ec/83a8b/verify.png\"\n        srcset=\"/static/a281a3de4fe8b2c5b70168b2c44f58ec/8992e/verify.png 163w,\n/static/a281a3de4fe8b2c5b70168b2c44f58ec/ae0a7/verify.png 325w,\n/static/a281a3de4fe8b2c5b70168b2c44f58ec/83a8b/verify.png 650w,\n/static/a281a3de4fe8b2c5b70168b2c44f58ec/2fae4/verify.png 734w\"\n        sizes=\"(max-width: 650px) 100vw, 650px\"\n      />\n  </span></p>\n<h3>Adding upstream repo</h3>\n<p>If you’re feeling extra saucey, we’d also recommend setting up origin and upstream. By default, <code class=\"language-text\">origin</code> will be set to the copy of the cloned fork, but it is often helpful to set upstream to get updates to the upstream project. To set upstream, simply run the following command:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git</span> remote add upstream https://github.com/objectpartners/react-redux-timesheet.git</code></pre></div>\n<p>and then</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git</span> fetch upstream</code></pre></div>\n<p>to fetch the latest content in the upstream repository.</p>\n<p>To validate, run <code class=\"language-text\">git remote -v</code> and you should see a remote and an origin like the below (perhaps using https instead of ssh)</p>\n<p><span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 650px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 17.94871794871795%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA7UlEQVQY0z2P61KDMBCFeRmttVw1tRiCqcEC5U6AFqV1OuP7P8Nx4Ud/fLNzkt09ewxPHPHykYOFGbZRAyZLeFLCUhLmWwiLC6iohM+/YDkBnk3/jmm/Y73Z4fGJYbXeLhi1/kEUNxinP9R6QtV8o+0nDOMvmm7WI3R/RVGdoLsLzuMNWTEgTlt6v4AH8bJ0NthYPoxuuGKvCjysXumKA4bzDS0NpkdNdKjqES0Z5eUJWd4vBkmqUZBO6L+hg+beeUdC1dipGuyzpHgRGEUW6UDRFezDHi6TcDxBhEtcy+Gw3YCi8kXP1XbFHYf4B3pQjWpqRSLbAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n    ></span>\n    <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;box-shadow:inset 0px 0px 0px 400px white;\"\n        alt=\"Remote upstream\"\n        title=\"\"\n        src=\"/static/41477eb8bea7efad2208c061fffc2f56/83a8b/upstream.png\"\n        srcset=\"/static/41477eb8bea7efad2208c061fffc2f56/8992e/upstream.png 163w,\n/static/41477eb8bea7efad2208c061fffc2f56/ae0a7/upstream.png 325w,\n/static/41477eb8bea7efad2208c061fffc2f56/83a8b/upstream.png 650w,\n/static/41477eb8bea7efad2208c061fffc2f56/50453/upstream.png 975w,\n/static/41477eb8bea7efad2208c061fffc2f56/af9d4/upstream.png 1300w,\n/static/41477eb8bea7efad2208c061fffc2f56/24d9f/upstream.png 1794w\"\n        sizes=\"(max-width: 650px) 100vw, 650px\"\n      />\n  </span></p>\n<p>From this point, it can be helpful—but not required—to fetch the <code class=\"language-text\">finished</code> branch (which contains the finished labs) into your <code class=\"language-text\">origin/finished</code> like so:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git</span> checkout -b finished upstream/finished</code></pre></div>\n<p>And then finally, to get back on the master branch run:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git</span> checkout master</code></pre></div>\n<p>If needed, you can always run <code class=\"language-text\">git checkout finished</code> to see the structure and result of the final version and labs.</p>"}},"pageContext":{"next":{},"slug":"/tips/setup"}}