Skip to content

Instantly share code, notes, and snippets.

View Numel2020's full-sized avatar
🎯
Focusing

Numel Numel2020

🎯
Focusing
  • Numel
  • London, England
View GitHub Profile
@Numel2020
Numel2020 / index.html
Created May 29, 2020 14:34
time index
View index.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="./test.css">
@Numel2020
Numel2020 / styles.css
Created June 21, 2017 20:38
Erics code implementation of TransitionGroup pt 3
View styles.css
.circles {
float: left;
border-radius: 100%;
width: 100px;
height: 100px;
background-color: yellow;
position: absolute;
top: 0;
bottom: 0;
left: 0;
@Numel2020
Numel2020 / App.js
Created June 21, 2017 20:35
Erics code implementation of TransitionGroup pt 1
View App.js
import React, {Component} from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import Page from './Page';
class App3 extends Component {
@Numel2020
Numel2020 / Page.js
Last active January 15, 2018 16:45
Erics code implementation of Transitiongroup pt 2
View Page.js
/**
* Created by melvynphillips on 18/04/2017.
*/
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {withRouter, matchPath, Route, Link, Switch} from 'react-router-dom';
import TransitionGroup from 'react-transition-group/TransitionGroup';