This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>reactapp</title> | |
<script type="text/javascript"> | |
// Single Page Apps for GitHub Pages | |
// https://github.com/rafrex/spa-github-pages | |
// Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License | |
// ---------------------------------------------------------------------- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>reactapp</title> | |
<meta name="description" content="Lightweight solution for deploying single page apps with GitHub Pages. Code and concept by Rafael Pedicini."> | |
<style> | |
html, body, div, span, a, p, ul, li, h1, code, nav { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import ReactDOM from 'react-dom'; | |
import { BrowserRouter } from 'react-router-dom'; | |
import App from './components/App'; | |
ReactDOM.render( | |
<BrowserRouter basename="/reactapp"> | |
<App /> | |
</BrowserRouter>, | |
document.getElementById('root'), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route, Link } from 'react-router-dom'; | |
import ExampleTwoDeepComponent from './ExampleTwoDeepComponent'; | |
import PageNotFound from './PageNotFound'; | |
import s from '../styles/exampleComponent.style'; | |
const ExamplePageText = () => ( | |
<p style={s.p}> | |
여기는 Example Component 입니다. 자신이 원하는 글로 바꿔보세요. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route } from 'react-router-dom'; | |
import Home from './Home'; | |
import ExampleComponent from './ExampleComponent'; | |
import PageNotFound from './PageNotFound'; | |
import Breadcrumbs from './Breadcrumbs'; | |
import s from '../styles/app.style'; | |
export default function App() { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route, Link } from 'react-router-dom'; | |
import ExampleTwoDeepComponent from './ExampleTwoDeepComponent'; | |
import PageNotFound from './PageNotFound'; | |
import s from '../styles/exampleComponent.style'; | |
const ExamplePageText = () => ( | |
<p style={s.p}> | |
여기는 Example Component 입니다. 자신이 원하는 글로 바꿔보세요. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Link } from 'react-router-dom'; | |
import { Code } from '../styles/style'; | |
import s from '../styles/home.style'; | |
export default function Home() { | |
const repoReadmeLink = text => ( | |
<Interactive | |
as="a" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {Component} from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route, Link } from 'react-router-dom'; | |
import ExampleTwoDeepComponent from './ExampleTwoDeepComponent'; | |
import PageNotFound from './PageNotFound'; | |
import s from '../styles/exampleComponent.style'; | |
class exampleComponent extends Component { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {Component} from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route, Link } from 'react-router-dom'; | |
import ExampleTwoDeepComponent from './ExampleTwoDeepComponent'; | |
import PageNotFound from './PageNotFound'; | |
import s from '../styles/exampleComponent.style'; | |
import {LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend} from 'Recharts'; | |
var obj = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {Component} from 'react'; | |
import Interactive from 'react-interactive'; | |
import { Switch, Route, Link } from 'react-router-dom'; | |
import ExampleTwoDeepComponent from './ExampleTwoDeepComponent'; | |
import PageNotFound from './PageNotFound'; | |
import s from '../styles/exampleComponent.style'; | |
import {LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend} from 'Recharts'; | |
var obj = { |
OlderNewer