Skip to content

Instantly share code, notes, and snippets.

@oneybee
oneybee / ExampleComponent.js
Created March 5, 2018 13:41
reactapp/src/components/ExampleComponent.js
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 입니다. 자신이 원하는 글로 바꿔보세요.
@oneybee
oneybee / App.js
Created March 5, 2018 13:39
reactapp/src/components/App.js
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() {
@oneybee
oneybee / ExampleComponent.js
Created March 5, 2018 13:32
reactapp/src/components/ExampleComponent.js
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 입니다. 자신이 원하는 글로 바꿔보세요.
@oneybee
oneybee / index.js
Created March 5, 2018 13:29
reactapp/src/index.js
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'),
@oneybee
oneybee / index.html
Created March 5, 2018 13:27
reactapp/index.html
<!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 {
@oneybee
oneybee / 404.html
Last active March 5, 2018 13:25
reactapp/404.html
<!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
// ----------------------------------------------------------------------