Elad Cohen eladcandroid
This file contains 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
| export const products = [ | |
| { | |
| name: 'Phone XL', | |
| price: 799, | |
| description: 'A large phone with one of the best screens' | |
| }, | |
| { | |
| name: 'Phone Mini', | |
| price: 699, | |
| description: 'A great phone with one of the best cameras' |
This file contains 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
| /* Global Styles */ | |
| * { | |
| font-family: "Roboto", Arial, sans-serif; | |
| color: #616161; | |
| box-sizing: border-box; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } |
eladcandroid
/ vanillaReduxFinal.html
Last active
April 16, 2020 10:54
— forked from Arieg419/vanillaReduxFinal.html
Refactor to arrow functions
This file contains 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
| <!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 |
This file contains 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> | |
| <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--> |
This file contains 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> | |
| <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--> |
This file contains 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> | |
| <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
This file contains 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
| // ... | |
| <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
This file contains 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
| // ... | |
| <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
This file contains 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
| // ... | |
| <script> | |
| import { ref, onMounted, onUnmounted } from '@vue/composition-api' | |
| export default { | |
| setup(props) { | |
| const pageOffset = ref(0) | |
| const update = () => { | |
| pageOffset.value = window.pageYOffset | |
| } |
This file contains 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> | |
| <div id="app"> | |
| <PostsPage :id="currentUser" /> | |
| </div> | |
| </template> | |
| <script> | |
| import { fetchUserPosts } from '@/api' | |
| import PostsPage from '@/components/PostsPage' | |
| const withPostsHOC = (WrappedComponent) => ({ |
NewerOlder