Mustafa Arıkan arikanmstf
arikanmstf
/ connect.js
Created
June 28, 2018 11:15
React DOM & Native - Code Sharing - Connecting ui to 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'; | |
| const connect = (mapUiToProps) => ( | |
| (WrappedComponent) => { | |
| const uiComponents = mapUiToProps(); | |
| return (props) => ( | |
| <WrappedComponent | |
| {...uiComponents} | |
| {...props} | |
| /> |
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 http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"/> | |
| <meta name="google" content="notranslate"/> | |
| <meta name="msapplication-tap-highlight" content="no"/> | |
| <meta http-equiv="cache-control" content="no-store"/> | |
| <meta http-equiv="expires" content="0"/> |
arikanmstf
/ register-service-worker.js
Last active
February 28, 2018 10:26
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
| navigator.serviceWorker.register('/assets/service-worker.js', { scope: '/' }) | |
| .then(function() { | |
| return navigator.serviceWorker.ready; | |
| }) | |
| .then(function(registration) { | |
| console.log(registration); // service worker is ready and working... | |
| }); |
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
| self.addEventListener('push', function (event) { | |
| if (event && event.data) { | |
| const data = event.data.json(); | |
| event.waitUntil(self.registration.showNotification(data.title, { | |
| body: data.body, | |
| icon: data.icon || null | |
| }); | |
| } | |
| }); |
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 MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; | |
| import AppBar from 'material-ui/AppBar'; | |
| import AutoComplete from 'material-ui/AutoComplete'; | |
| import Avatar from 'material-ui/Avatar'; | |
| import RaisedButton from 'material-ui/RaisedButton'; | |
| import Chip from 'material-ui/Chip'; | |
| import DatePicker from 'material-ui/DatePicker'; | |
| import Dialog from 'material-ui/Dialog'; |
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 "~bootstrap/dist/css/bootstrap.css"; | |
| /* All of the other imports comes after the bootstrap so we can overwrite it ! */ | |
| @import "common/font.scss"; | |
| @import "common/color.scss"; | |
| @import "common/grid.scss"; |
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> | |
| <!-- There is no more bootstrap import thanks to God and npm --> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <meta name= "description" content="<%= htmlWebpackPlugin.options.description %>"/> | |
| <title>My Library</title> | |
| </head> | |
| <body> | |
| <div class="main-content"></div> |
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 name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.extraFiles.css %>"> | |
| <title>My Library</title> | |
| </head> | |
| <body> | |
| <div class="main-content"></div> | |
| </body> |
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 name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <link rel="stylesheet" href="/static/css/bootstrap.min.css"> | |
| <title>My Library</title> | |
| </head> | |
| <body> | |
| <div class="main-content"></div> | |
| </body> |