Skip to content

Instantly share code, notes, and snippets.

View techomoro's full-sized avatar

Techomoro techomoro

32 followers · 0 following
View GitHub Profile
@techomoro
techomoro / AppContext.js
Created April 29, 2021 09:34
import React from "react";
const AppContext = React.createContext();
export default AppContext;
@techomoro
techomoro / index.html
Created September 23, 2021 10:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
@techomoro
techomoro / DropdownList.jsx
Created September 23, 2021 11:01
import React from "react";
function DropdownList() {
return (
<div class="dropdown-menu profile-menu">
<a class="dropdown-item" href="#">
Profile
</a>
<a class="dropdown-item" href="#">
Account
@techomoro
techomoro / DropdownLink.jsx
Created September 23, 2021 11:03
@techomoro
techomoro / Navigation.jsx
Created September 23, 2021 11:03
import React from "react";
import DropdownLink from "./DropdownLink";
export default function Navigation() {
return (
<nav class="navbar navbar-light bg-light justify-content-between">
<a class="navbar-brand">Navbar</a>
<form class="form-inline">
<DropdownLink />
</form>
@techomoro
techomoro / App.js
Created September 23, 2021 11:04
import Navigation from "./components/Navigation";
import "./App.css";
function App() {
return (
<div className="App">
<Navigation />
</div>
);
}
@techomoro
techomoro / App.css
Last active September 23, 2021 11:07
.profile-link {
cursor: pointer;
}
.profile-menu {
display: block;
right: 0;
left: auto;
}
@techomoro
techomoro / index.js
Last active October 6, 2021 07:53
// index.js
import React from "react";
import ReactDOM from "react-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import "./assets/scss/style.scss";
import App from "./App";
import { BrowserRouter } from "react-router-dom";
import { Provider } from "react-redux";
@techomoro
techomoro / index.js
Last active October 6, 2021 07:42
// store/index.js
import { createStore, applyMiddleware, compose } from "redux";
import createSagaMiddleware from "redux-saga";
import rootReducer from "./reducers";
import rootSaga from "./sagas";
const sagaMiddleware = createSagaMiddleware();
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
@techomoro
techomoro / Navigation.js
Created October 6, 2021 08:01
// components/Navigation.js
import React from "react";
import { Link } from "react-router-dom";
function Navigation() {
return (
<div className="navigation">
<nav class="navbar navbar-expand navbar-dark bg-dark">
<div class="container">