Elad Cohen eladcandroid

eladcandroid / vanillaReduxFinal.html

Last active April 16, 2020 10:54 — forked from Arieg419/vanillaReduxFinal.html

Refactor to arrow functions

	<!DOCTYPE html>
	<html>
	<head>
	<title>GoCode</title>
	<script src="https://unpkg.com/redux@latest/dist/redux.min.js"></script>
	</head>
	<body>
	<div>
	<p>
	Counter: <span id="value">0</span> times

eladcandroid / Default.vue

Last active February 24, 2020 12:52

Gridsome Workshop - Part 2

	<template>
	<div class="layout bg-gray-200 font-sans leading-normal tracking-normal">
	<div
	class="w-full m-0 p-0 bg-cover bg-bottom"
	style="background-image:url('/cover.jpg'); height: 40vh; max-height:260px;"
	>
	<div
	class="container max-w-4xl mx-auto pt-16 md:pt-15 text-center break-normal"
	>
	<!--Title-->

eladcandroid / Default.vue

Last active February 24, 2020 11:38

Gridsome Workshop - Part 1

	<template>
	<div class="layout bg-gray-200 font-sans leading-normal tracking-normal">
	<div
	class="w-full m-0 p-0 bg-cover bg-bottom"
	style="background-image:url('/cover.jpg'); height: 40vh; max-height:260px;"
	>
	<div
	class="container max-w-4xl mx-auto pt-16 md:pt-15 text-center break-normal"
	>
	<!--Title-->

eladcandroid / Counter.vue

Created August 2, 2019 10:29

Vue 3 Function API Basic Example

	<template>
	<div>
	<span>count is {{ count }}</span>
	<span>plusOne is {{ plusOne }}</span>
	<button @click="increment">count++</button>
	</div>
	</template>

	<script>
	import { value, computed, watch, onMounted } from 'vue'

eladcandroid / decomposedSetupComponent.vue

Last active September 4, 2019 10:03 — forked from enkot/decomposedSetupComponent.vue

Change to Vue Composition Api

	// ...
	<script>
	import {
	ref,
	watch,
	computed,
	onMounted,
	onUnmounted
	} from '@vue/composition-api'
	import { fetchUserPosts } from '@/api'

eladcandroid / scrollFetchSetupComponent.vue

Created August 2, 2019 10:26 — forked from enkot/scrollFetchSetupComponent.vue

	// ...
	<script>
	import {
	value,
	watch,
	computed,
	onMounted,
	onUnmounted
	} from 'vue-function-api'
	import { fetchUserPosts } from '@/api'

eladcandroid / scrollSetupComponent.vue

Last active March 30, 2020 02:11 — forked from enkot/scrollSetupComponent.vue

Change to Vue Composition Api

	// ...
	<script>
	import { ref, onMounted, onUnmounted } from '@vue/composition-api'

	export default {
	setup(props) {
	const pageOffset = ref(0)
	const update = () => {
	pageOffset.value = window.pageYOffset
	}

eladcandroid / PostsPage.vue

Created August 2, 2019 10:13

Vue 3 Function API - HOC

	<template>
	<div id="app">
	<PostsPage :id="currentUser" />
	</div>
	</template>

	<script>
	import { fetchUserPosts } from '@/api'
	import PostsPage from '@/components/PostsPage'
	const withPostsHOC = (WrappedComponent) => ({

eladcandroid / PostsPage.vue

Created August 2, 2019 10:03

Vue 3 Function API - Mixin

	<template>
	<div class="container">
	<p v-if="isLoading" class="loading">Posts loading...</p>
	<template v-else>
	<div class="topbar" :class="{ open: pageOffset > 120 }">
	<div class="container content">
	<h3>User #{{ id }} posts</h3>
	<span class="count">{{ count }} items</span>
	</div>
	</div>

eladcandroid / PostsPage.vue

Created August 2, 2019 09:59

Vue.js 3 Function API Example

	<template>
	<div class="container">
	<p v-if="isLoading" class="loading">Posts loading...</p>
	<template v-else>
	<div class="topbar" :class="{ open: pageOffset > 120 }">
	<div class="container content">
	<h3>User #{{ id }} posts</h3>
	<span class="count">{{ count }} items</span>
	</div>
	</div>