- Get Results in an Imperfect World: The Pyramid of FinOps Needs - FinOpsX 2023, San Diego
- I need my data ASAP - real-time serverless - WE ARE DEVELOPERS WORLD CONGRESS BERLIN 2019
- Creating realtime servicefull applications using AWS AppSync and Amplify - AWS UG Munich October Event
- Scale it the easy way - introduction to micro frontends - 4Developers Warsaw
- Real time serverless apps on AWS - GDG POZNAŃ, Touch the clouds #1
- Amplify your JS superpowers - Poznań Serverless Meetup #2
- Scale it the easy way - introduction to micro frontends - 4Developers Katowice
- Scale it the easy way - introduction to micro frontends - meet.js summit 2018
This file contains hidden or 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 { Component, Prop, State } from '@stencil/core'; | |
@Component({ | |
tag: 'my-custom-button', | |
styleUrl: 'my-custom-button.scss' | |
}) | |
export class MyCustomButtonComponent { | |
@Prop() myCustomAttribute: string; | |
@State() checked: boolean; |
This file contains hidden or 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
<template id="my-custom-component"> | |
<span></span> | |
</template> | |
<script type="text/javascript"> | |
class MyCustomComponent extends HTMLElement { | |
constructor() { | |
super(); | |
const template = document.getElementById('my-custom-component'); | |
const templateContent = template.content; |
This file contains hidden or 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 { Component, OnInit, ViewEncapsulation, Input, HostListener, EventEmitter, Output } from "@angular/core"; | |
@Component({ | |
selector: "custom-message", | |
template: ` | |
<p [class]="type"> | |
{{message}} | |
</p> | |
`, | |
styles: [ |
This file contains hidden or 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
componentDidMount() { | |
Storage.list("roadmaps/") | |
.then(result => | |
this.setState( | |
{ | |
projects: result | |
.filter(e => e.size > 0 && e.key.includes("index.md")) | |
.map(e => e.key.split("/")[1]) | |
.filter(e => e && e.length > 0) | |
}, |
This file contains hidden or 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
input[type="checkbox"]:not(:checked) ~ * { | |
display: none; | |
} |
This file contains hidden or 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 { useState, useEffect } from "react"; | |
import { API } from "aws-amplify"; | |
function useAPI(api, endpoint, settings, method = "get") { | |
const [data, setData] = useState(); | |
const [loading, setLoading] = useState(true); | |
async function callAPI() { | |
const response = await API[method](api, endpoint, settings); | |
setData(response); |
This file contains hidden or 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"; | |
class App extends Component { | |
state = { messages: [], input: "" }; | |
onInput = e => { | |
this.setState({ input: e.target.value }); | |
}; | |
onSubmit = e => { | |
e.preventDefault(); | |
//the real submit action code here |
This file contains hidden or 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 Amplify, { API, graphqlOperation, Auth } from "aws-amplify"; | |
import { withAuthenticator } from "aws-amplify-react"; | |
import { createMessage } from "./graphql/mutations"; | |
import { listMessages } from "./graphql/queries"; | |
import { onCreateMessage } from "./graphql/subscriptions"; | |
import config from "./aws-exports"; | |
Amplify.configure(config); | |
class App extends Component { |
This file contains hidden or 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 { APIGatewayEvent, Callback, Context, Handler } from "aws-lambda"; | |
import * as AWS from "aws-sdk"; | |
import axios from "axios"; | |
import * as moment from "moment"; | |
import { QuantifiedSelfLib } from "quantified-self-lib"; | |
import { WebClient } from "@slack/client"; | |
const DOMParser = require("xmldom").DOMParser; | |
AWS.config.update({ | |
region: "eu-west-1" |
OlderNewer