Skip to content

Instantly share code, notes, and snippets.

View sparrow's full-sized avatar

Volodymyr Vorobiov sparrow

View GitHub Profile
@sparrow
sparrow / view-controller.swift
Last active July 20, 2017 14:09
This is a Swift code snippet that we used for our blog post https://rubygarage.org/blog/authorizeme-ios-libary at RubyGarage. This is an example of FacebookSystemProvider and FacebookWebProvider classes usage.
class ViewController: UIViewController {
@IBOutlet var usernameLabel: UILabel!
var provider: Provider?
@IBAction func systemButtonPressed(_ sender: Any) {
provider = FacebookSystemProvider()
authorizeMe()
}
@sparrow
sparrow / AuthorizationService.swift
Created July 20, 2017 14:00
This is a Swift code snippet that we used for our blog post https://rubygarage.org/blog/authorizeme-ios-libary at RubyGarage. This is an example of Authorize class usage.
Authorize.me.on("Facebook") { session, error in
guard let session = session else {
print("Problem with \(error!)")
return
}
print("Authorized with Facebook")
print("Token: \(session.token)")
print("Username: \(session.user.name)")
}
@sparrow
sparrow / Facebook.plist
Created July 20, 2017 13:57
This is a plist file that we used for our blog post https://rubygarage.org/blog/authorizeme-ios-libary at RubyGarage. This is a library configuration file for authorization via Facebook.
<key>appId</key>
<string>App ID</string>
<key>redirectUri</key>
<string>Valid OAuth redirect URI</string>
@sparrow
sparrow / actions.js
Created June 6, 2017 12:09
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This code shows how Vuex actions dispatch a mutation to change the state of a Vue application.
// actions.js
export const addUser = ({ dispatch }, user) => {
dispatch('ADD_USER', user)
}
@sparrow
sparrow / vuex.js
Created June 6, 2017 12:08
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This code shows how Vue application can use Vuex library.
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
users: []
},
mutations: {
ADD_USER (state) {
@sparrow
sparrow / lazy-loading-with-vuejs.js
Created June 6, 2017 12:05
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This JavaScript code shows how lazy loading is implemented in Vue router.
const HomeScreen = resolve => require(['@/components/HomeScreen'], resolve)
@sparrow
sparrow / lazy-loading-with-react.js
Created June 6, 2017 12:05
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This JSX code shows how lazy loading is implemented in React router.
<Lazy module={{ SomeHandler: () => importLazyModule(import('./components/SomeHandler')), }}>
@sparrow
sparrow / router.js
Created June 6, 2017 12:04
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This code shows a typical VueJS router.
import Vue from 'vue'
import Router from 'vue-router'
const HomeScreen = resolve => require(['@/components/HomeScreen'], resolve)
const AboutUs = resolve => require(['@/components/AboutUs'], resolve)
const ContactUs = resolve => require(['@/components/ContactUs'], resolve)
const Dashboard = resolve => require(['@/components/Dashboard'], resolve)
const User = resolve => require(['@/components/User'], resolve)
Vue.use(Router)
@sparrow
sparrow / vue-component.vue
Last active June 6, 2017 12:01
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This code shows a typical VueJS component.
<template>
<div class="root">
<div>
<input id="input" v-model="text" type="text" />
<p>
Two-way bound value is {{ text }}
</p>
</div>
<some-component></some-component>
</div>
@sparrow
sparrow / LayoutComponent.js
Created June 6, 2017 11:57
This a JavaScript code snippet that we used for our blog post https://rubygarage.org/blog/vuejs-vs-react-battle at RubyGarage. This React code shows a typical React component.
import React from 'react';
import UserComponent from './components/UserComponent.js';
export default class LayoutComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
title: "A User Component"
};
}