codediodeio
/ main.dart
Last active May 17, 2019
An animated box shadow button with Dart 2.3 collection if/for
View main.dart
| class CircleStack extends StatefulWidget { | |
| @override | |
| _CircleStackState createState() => _CircleStackState(); | |
| } | |
| class _CircleStackState extends State<CircleStack> { | |
| bool open = true; | |
| @override | |
| Widget build(BuildContext context) { |
codediodeio
/ main.dart
Created May 4, 2019
View main.dart
| class Dog { | |
| String breed; | |
| int age; | |
| Dog({ this.age, this.breed }); | |
| factory Dog.fromMap(data) { | |
| return Dog( | |
| breed: data['breed'], | |
| age: data['age'], |
View config.js
| import * as firebase from 'firebase/app'; | |
| import 'firebase/firestore'; | |
| var firebaseConfig = { | |
| // your firebase credentials | |
| }; | |
| // Initialize Firebase | |
| firebase.initializeApp(firebaseConfig); |
View print.js
| export const print = (v) => { | |
| const el = document.createElement('h3'); | |
| el.innerText = '🔵 ' + v; | |
| document.body.appendChild(el); | |
| } |
codediodeio
/ angular-hooks.ts
Last active Feb 4, 2019
View angular-hooks.ts
| import { Component } from '@angular/core'; | |
| import { BehaviorSubject } from 'rxjs'; | |
| @Component({ | |
| selector: 'app-root', | |
| template: ` | |
| <p>You clicked {{count.value}} times</p> | |
| <button (click)="setCount(count.value + 1)">Click Me</button> | |
| `, | |
| }) |
codediodeio
/ state-alt.dart
Created Jan 20, 2019
React Native Components in Flutter https://facebook.github.io/react-native/docs/state & https://facebook.github.io/react-native/docs/style
View state-alt.dart
| import 'package:flutter/material.dart'; | |
| Stream<bool> interval = | |
| Stream.periodic(Duration(seconds: 1), (i) => (i % 2 == 0)) | |
| .asBroadcastStream(); | |
| class Blink extends StatelessWidget { | |
| String text; | |
| Blink({Key key, this.text}) : super(key: key); |
View emoji.js
| export const emojis = | |
| '😀,😃,😄,😁,😆,😅,😂,🤣,😊,🙂,🙃,😉,😌,😍,😘,😗,😙,😚,😋,😛,😝,😜,🤪,🤨,🧐,🤓,😎,🤩,😏,😒,😞,😔,😟,😕,🙁,😣,😖,😫,😩,😢,😭,😤,😠,😡,🤬,🤯,😳,😱,😨,😰,😥,😓,🤗,🤔,🤭,🤫,🤥,😶,😐,😑,😬,🙄,😯,😦,😧,😮,😲,😴,🤤,😪,😵,🤐,🤢,🤮,🤧,😷,🤒,🤕,🤑,🤠,😈,👿,👹,👺,🤡,💩,👻,💀,👽,👾,🤖,🎃,😺,😸,😹,😻,😼,😽,🙀,😿,😾,🤲,👐,🙌,👏,🤝,👍,👎,👊,✊,🤛,🤞,🤟,🤘,👌,👉,👈,👆,👇,✋,🤚,🖐,🖖,👋,🤙,💪,🖕,🙏'; | |
| export const emojisArray = emojis.split(','); | |
| export const emojiRandom = () => | |
| emojisArray[Math.floor(Math.random() * emojisArray.length)]; |
codediodeio
/ index.html
Created Sep 25, 2018
How Pick a Random YouTube Comment https://youtu.be/_dvQpqoJkc4
View index.html
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script> | |
| <style> | |
| body { | |
| text-align: center; | |
| display: flex; |
View fcm.ts
| // BUG: never emits token on first permission granted | |
| this.fcm.getToken.subscribe(console.log); | |
| // Works Fine | |
| this.fcm.requestPermission | |
| .pipe( | |
| switchMap(v => { | |
| return this.fcm.requestToken; | |
| }) | |
| ) |
codediodeio
/ ref.ts
Last active Jul 3, 2018
View ref.ts
| export class DocRef { | |
| private ref: firebase.firestore.DocumentReference; | |
| private stream; | |
| constructor(private path: string) { | |
| this.ref = firebase.firestore().doc(path); | |
| this.stream = Observable.create(observer => { | |
| this.ref.onSnapshot({ | |
| next(doc) { | |
| observer.next(doc); |
NewerOlder