Skip to content

Instantly share code, notes, and snippets.

View tkssharma's full-sized avatar
🎯
only JS

codewithtkssharma tkssharma

🎯
only JS
1k followers · 4 following
View GitHub Profile
@tkssharma
tkssharma / travis yml
Created May 12, 2019 19:29
language: node_js
node_js:
- "stable"
cache:
directories:
- node_modules
script:
- npm test
- npm run build
@tkssharma
tkssharma / sw-precache-config.js
Created June 17, 2019 03:49
module.exports = {
stripPrefix: 'build/',
staticFileGlobs: [
'build/*.html',
'build/manifest.json',
'build/static/**/!(*map*)'
],
dontCacheBustUrlsMatching: /\.\w{8}\./,
swFilePath: 'build/service-worker.js'
};
@tkssharma
tkssharma / pre-cache pkj json
Created June 17, 2019 03:51
{
"name": "intro",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"react-scripts": "1.0.17",
"sw-precache": "^5.2.1"
@tkssharma
tkssharma / service-worker.js
Created June 17, 2019 03:52
/**
* Copyright 2016 Google Inc. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
@tkssharma
tkssharma / index.js
Created June 17, 2019 03:54
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
if (window.navigator && navigator.serviceWorker) {
navigator.serviceWorker.getRegistrations()
.then(function (registrations) {
const promise = [];
@tkssharma
tkssharma / gist:fc8b97f18e7712b0a65d9e19ce721ae2
Created June 17, 2019 04:17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
@tkssharma
tkssharma / manifest.json
Created June 17, 2019 04:18
{
"author": " Application",
"background_color": "#3367D6",
"description": "app",
"display": "fullscreen",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
@tkssharma
tkssharma / block display
Created June 17, 2019 05:06
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#geeks1{
height: 100px;
width: 200px;
background: teal;
display: block;
@tkssharma
tkssharma / inline
Created June 17, 2019 05:08
<html>
<head>
<title>Display Property</title>
<style>
#main{
height: 200px;
width: 200px;
background: teal;
display: inline;
@tkssharma
tkssharma / inline-block
Created June 17, 2019 05:08
<html>
<head>
<title>Display Property</title>
<style>
#main{
height: 100px;
width: 200px;
background: teal;
display: inline-block;