Skip to content

Instantly share code, notes, and snippets.

View wojciech-bilicki's full-sized avatar

Wojciech Bilicki wojciech-bilicki

  • Oke Software
  • Gdańsk
View GitHub Profile
@wojciech-bilicki
wojciech-bilicki / TopBar.jsx
Created August 2, 2017 15:33
TopBar.jsx #3
import React from 'react';
const TopBar = () =>
<header>
<span>Super Hero Team</span>
</header>;
export default TopBar;
import React from 'react';
const TopBar = () =>
<header>
<span>Super Hero Team</span>
</header>;
export default TopBar;
@wojciech-bilicki
wojciech-bilicki / App.js
Created August 2, 2017 15:38
App.js #6
import React from 'react';
import ReactDOM from 'react-dom';
import TopBar from './TopBar';
const App = () =>
<div>
<TopBar />
<div>Content</div>
</div>;
import React from 'react';
import ReactDOM from 'react-dom';
import TopBar from './TopBar';
const App = () =>
<div>
<TopBar />
<div>Content</div>
</div>;
@wojciech-bilicki
wojciech-bilicki / App.js
Created August 2, 2017 15:40
App.js #6
import React from 'react';
import ReactDOM from 'react-dom';
import TopBar from './TopBar';
const App = () =>
<div>
<TopBar />
<div>Content</div>
</div>;
@wojciech-bilicki
wojciech-bilicki / App.js
Created August 2, 2017 15:41
App.js #6
import React from 'react';
import ReactDOM from 'react-dom';
import TopBar from './TopBar';
const App = () =>
<div>
<TopBar />
<div>Content</div>
</div>;
@wojciech-bilicki
wojciech-bilicki / TopBar.jsx
Created August 2, 2017 16:09
TopBar.jsx #7
import React from 'react';
import styled from 'styled-components';
const TopBarWrapper = styled.header`
width: 100%;
background-color: #f11e22;
display: flex;
justify-content: center;
span {
color: white;
@wojciech-bilicki
wojciech-bilicki / index.html
Created August 2, 2017 16:21
index.html #8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Marvel</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
* {
font-family: 'Roboto', sans-serif;
@wojciech-bilicki
wojciech-bilicki / webpack.config.js
Created August 2, 2017 16:47
webpack.config.js module #9
module: {
rules: [
{
enforce: 'pre',
test: /\.js?$/,
loader: 'eslint-loader',
exclude: /node_modules/
},
{
test: /\.jsx?$/,
@wojciech-bilicki
wojciech-bilicki / Master.jsx
Last active August 5, 2017 10:28
#8 Master.jsx
import React from "react";
import { Link } from "react-router-dom";
import TopBar from "./TopBar";
const Master = () =>
<div>
<TopBar />
<div>Content</div>
<Link to="/detail">Go to details</Link>