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 / 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 / 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 / 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 / HTML
Created April 2, 2018 02:11
<div>
<MyLabel text={TextLabel} />
<MyTextfield />
<MyButton textlabel='OK' />
</div>
@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 / 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 / REACT Component
Created April 2, 2018 02:13
import React from 'react';
function Question(props) {
return (
<div>
<h2 className="question">{props.content}</h2>
</div>
);
}
@tkssharma
tkssharma / quiz component
Created April 2, 2018 02:28
return (
<div key={props.questionId} className="quiz-story">
<QuestionCount counter={props.counter} viewreults={props.viewreults}
counter={props.questionId}
total={props.questionTotal}
/>
<Question content={props.question} />
<ul className="answerOptions">
{props.answerOptions.map(renderAnswerOptions)}
</ul>
@tkssharma
tkssharma / interceptor
Created May 16, 2018 04:26
import { Injectable } from '@angular/core'
import { HttpInterceptor, HttpHandler, HttpRequest, HttpEvent, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/do';
@Injectable()
export class HeaderInterceptor implements HttpInterceptor {
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const dummyrequest = req.clone({
@tkssharma
tkssharma / http client
Created May 16, 2018 04:27
// src/app/ping/ping.component.ts
import { HttpClient } from '@angular/common/http';
// ...
export class AppComponent {
constructor(public http: HttpClient) {}
public ping() {
this.http.get('https://example.com/api/things')
.subscribe(
data => console.log(data),
err => console.log(err)