From 5a0a51ed4cf388c88f3f4e351f3be73165126ac2 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Thu, 28 Feb 2019 12:22:21 -0800 Subject: [PATCH 1/2] Add instructions for how to run the exercises --- step1-02/exercise/README.md | 2 ++ step1-03/exercise/README.md | 2 ++ step1-04/demo/README.md | 4 ++++ step1-04/demo/src/components/Counter.tsx | 2 +- step1-05/exercise/README.md | 2 ++ step1-06/exercise/README.md | 2 ++ step1-07/exercise/README.md | 2 ++ step2-01/README.md | 2 ++ step2-02/README.md | 2 ++ step2-03/README.md | 2 ++ step2-04/README.md | 2 +- step2-06/README.md | 2 ++ step2-07/README.md | 2 ++ step2-08/README.md | 2 ++ step2-09/README.md | 2 ++ 15 files changed, 30 insertions(+), 2 deletions(-) diff --git a/step1-02/exercise/README.md b/step1-02/exercise/README.md index a3769f1..e9f19cb 100644 --- a/step1-02/exercise/README.md +++ b/step1-02/exercise/README.md @@ -1,5 +1,7 @@ ## Exercise +If you don't already have the app running, start it with `npm run static` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 1 step 2 to see results. + 1. Add an unordered list with class `todos` to the main section 2. Add 4 list items with class `todo` inside of that list with the following content `` diff --git a/step1-03/exercise/README.md b/step1-03/exercise/README.md index eb1d246..b02cdb7 100644 --- a/step1-03/exercise/README.md +++ b/step1-03/exercise/README.md @@ -1,5 +1,7 @@ ## Exercise +If you don't already have the app running, start it with `npm run static` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 1 step 3 to see results. + ### Update Navigation 1. Add an `onclick` attribute to all three buttons in the navigation. diff --git a/step1-04/demo/README.md b/step1-04/demo/README.md index d170275..8140938 100644 --- a/step1-04/demo/README.md +++ b/step1-04/demo/README.md @@ -6,6 +6,10 @@ In this example we'll see how React turns that paradigm completely around. With In this demo we'll be creating a simple counter that will display a count and increment on click. +## Building + +If you already have the app running from a previous step, stop it with `ctrl+C`. Start the app version used in this step by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "demo" link under day 1 step 4 to see results. + ## The App This is the starting point of our React application. It is a component just like the other ones we will be building, but this component will only ever be used once, to render the application. Here's how our app starts out. Let's walk through each line: diff --git a/step1-04/demo/src/components/Counter.tsx b/step1-04/demo/src/components/Counter.tsx index f56d26e..8f11f2d 100644 --- a/step1-04/demo/src/components/Counter.tsx +++ b/step1-04/demo/src/components/Counter.tsx @@ -1,6 +1,6 @@ import React from 'react'; -export class Counter extends React.Component { +export class Counter extends React.Component { render() { return

hello

; } diff --git a/step1-05/exercise/README.md b/step1-05/exercise/README.md index 9761714..06a6990 100644 --- a/step1-05/exercise/README.md +++ b/step1-05/exercise/README.md @@ -1,5 +1,7 @@ ## Exercise +If you already have the app running from a previous step, stop it with `ctrl+C`. Start the app version used in this step by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 1 step 5 to see results. + ### TodoFooter 1. Update the TodoFooter component, copying over the `