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 / FB
Created April 2, 2018 02:12
<html lang="en">
<head>
<script src="//fb.me/react-0.12.2.js"></script>
<script src="//fb.me/JSXTransformer-0.12.2.js"></script>
<script type="text/jsx" src="example1.jsx"></script>
</head>
<body>
@tkssharma
tkssharma / jsx
Created April 2, 2018 02:11
React.createElement("div", null,
React.createElement(MyLabel, {text: TextLabel}),
React.createElement(MyTextfield, null),
React.createElement(MyButton, {textlabel: "OK"}))
@tkssharma
tkssharma / HTML
Created April 2, 2018 02:11
<div>
<MyLabel text={TextLabel} />
<MyTextfield />
<MyButton textlabel='OK' />
</div>
@tkssharma
tkssharma / JSON utube
Created April 1, 2018 15:46
{
"kind": "youtube#searchResult",
"etag": "\"m2yskBQFythfE4irbTIeOgYYfBU/QpOIr3QKlV5EUlzfFcVvDiJT0hw\"",
"id": {
"kind": "youtube#channel",
"channelId": "UCJowOS1R0FnhipXVqEnYU1A"
},
"snippet":{
"publishedAt":"2013-01-25T13:36:19.000Z",
"channelId":"UCpVm7bg6pXKo1Pr6k5kxG9A",
@tkssharma
tkssharma / JSON utube
Last active April 1, 2018 15:47
{
"kind": "youtube#searchResult",
"etag": "\"m2yskBQFythfE4irbTIeOgYYfBU/QpOIr3QKlV5EUlzfFcVvDiJT0hw\"",
"id": {
"kind": "youtube#channel",
"channelId": "UCJowOS1R0FnhipXVqEnYU1A"
},
"snippet":{
"publishedAt":"2013-01-25T13:36:19.000Z",
"channelId":"UCpVm7bg6pXKo1Pr6k5kxG9A",
@tkssharma
tkssharma / about component with List Users
Created October 29, 2017 06:34
import { Component } from '@angular/core';
export class User {
id: number;
name: string;
username: string;
avatar: string;
}
const users: User[] = [
@tkssharma
tkssharma / optimize webpack bundle
Created October 22, 2017 15:53
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin({
mangle: true,
compress: {
warnings: false, // Suppress uglification warnings
pure_getters: true,
unsafe: true,
unsafe_comps: true,
screw_ie8: true
},
@tkssharma
tkssharma / webpack
Created October 22, 2017 15:26
var webpack = require('webpack');
var path = require('path');
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
var BUILD_DIR = path.resolve(__dirname, 'public/scripts');
var APP_DIR = path.resolve(__dirname, 'app');
var config = {
entry: {
app: [path.join(__dirname, 'app/app.js')],
@tkssharma
tkssharma / shouldComponentUpdate
Created October 22, 2017 06:08
shouldComponentUpdate (nextProps) {
// have any of the items changed?
if(!isArrayEqual(this.props.items, nextProps.items)){
return true;
}
// everything from here is horrible.
// if interaction has not changed at all then when can return false (yay!)
if(isObjectEqual(this.props.interaction, nextProps.interaction)){
return false;
@tkssharma
tkssharma / object compare
Created October 22, 2017 05:50
const isObjectEqual = (obj1, obj2) => {
if(!isObject(obj1) || !isObject(obj2)) {
return false;
}
// are the references the same?
if (obj1 === obj2) {
return true;
}