Commit 3b377b6
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,17 +1,25 @@ | |||
| 1 | - # Getting Started with Create React App | ||
| 1 | + # GitHub Codespaces ♥️ React | ||
| 2 | 2 | ||
| 3 | - This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). | ||
| 3 | + Welcome to your shiny new Codespace running React! We've got everything fired up and running for you to explore React. | ||
| 4 | + | ||
| 5 | + You've got a blank canvas to work on from a git perspective as well. There's a single initial commit with the what you're seeing right now - where you go from here is up to you! | ||
| 6 | + | ||
| 7 | + Everything you do here is contained within this one codespace. There is no repository on GitHub yet. If and when you’re ready you can click "Publish to GitHub" and we’ll create your repository and push up your project. If you were just exploring then and have no further need for this code then you can simply delete your codespace and it's gone forever. | ||
| 8 | + | ||
| 9 | + This project was bootstrapped for you with [Create React App](https://github.com/facebook/create-react-app). | ||
| 4 | 10 | ||
| 5 | 11 | ## Available Scripts | |
| 6 | 12 | ||
| 7 | 13 | In the project directory, you can run: | |
| 8 | 14 | ||
| 9 | 15 | ### `npm start` | |
| 10 | 16 | ||
| 17 | + We've already run this for you in the `Codespaces: server` terminal window below. If you need to stop the server for any reason you can just run `npm start` again to bring it back online. | ||
| 18 | + | ||
| 11 | 19 | Runs the app in the development mode.\ | |
| 12 | - Open [http://localhost:3000](http://localhost:3000) to view it in your browser. | ||
| 20 | + Open [http://localhost:3000](http://localhost:3000) in the built-in Simple Browser (`Cmd/Ctrl + Shift + P > Simple Browser: Show`) to view your running application. | ||
| 13 | 21 | ||
| 14 | - The page will reload when you make changes.\ | ||
| 22 | + The page will reload automatically when you make changes.\ | ||
| 15 | 23 | You may also see any lint errors in the console. | |
| 16 | 24 | ||
| 17 | 25 | ### `npm test` | |
LoadingViewer requires iframe.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -7,12 +7,6 @@ | |||
| 7 | 7 | pointer-events: none; | |
| 8 | 8 | } | |
| 9 | 9 | ||
| 10 | - @media (prefers-reduced-motion: no-preference) { | ||
| 11 | - .App-logo { | ||
| 12 | - animation: App-logo-spin infinite 20s linear; | ||
| 13 | - } | ||
| 14 | - } | ||
| 15 | - | ||
| 16 | 10 | .App-header { | |
| 17 | 11 | background-color: #282c34; | |
| 18 | 12 | min-height: 100vh; | |
@@ -28,11 +22,10 @@ | |||
| 28 | 22 | color: #61dafb; | |
| 29 | 23 | } | |
| 30 | 24 | ||
| 31 | - @keyframes App-logo-spin { | ||
| 32 | - from { | ||
| 33 | - transform: rotate(0deg); | ||
| 34 | - } | ||
| 35 | - to { | ||
| 36 | - transform: rotate(360deg); | ||
| 37 | - } | ||
| 25 | + .heart { | ||
| 26 | + color: #ff0000; | ||
| 38 | 27 | } | |
| 28 | + | ||
| 29 | + .small { | ||
| 30 | + font-size: 0.75rem; | ||
| 31 | + } | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,22 +1,26 @@ | |||
| 1 | - import logo from './logo.svg'; | ||
| 2 | 1 | import './App.css'; | |
| 3 | 2 | ||
| 4 | 3 | function App() { | |
| 5 | 4 | return ( | |
| 6 | 5 | <div className="App"> | |
| 7 | 6 | <header className="App-header"> | |
| 8 | - <img src={logo} className="App-logo" alt="logo" /> | ||
| 7 | + <img src="Octocat.png" className="App-logo" alt="logo" /> | ||
| 9 | 8 | <p> | |
| 9 | + GitHub Codespaces <span class="heart">♥️</span> React | ||
| 10 | + </p> | ||
| 11 | + <p class="small"> | ||
| 10 | 12 | Edit <code>src/App.js</code> and save to reload. | |
| 11 | 13 | </p> | |
| 12 | - <a | ||
| 13 | - className="App-link" | ||
| 14 | - href="https://reactjs.org" | ||
| 15 | - target="_blank" | ||
| 16 | - rel="noopener noreferrer" | ||
| 17 | - > | ||
| 18 | - Learn React | ||
| 19 | - </a> | ||
| 14 | + <p> | ||
| 15 | + <a | ||
| 16 | + className="App-link" | ||
| 17 | + href="https://reactjs.org" | ||
| 18 | + target="_blank" | ||
| 19 | + rel="noopener noreferrer" | ||
| 20 | + > | ||
| 21 | + Learn React | ||
| 22 | + </a> | ||
| 23 | + </p> | ||
| 20 | 24 | </header> | |
| 21 | 25 | </div> | |
| 22 | 26 | ); | |
0 commit comments