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
| <template> | |
| <div id="app"> | |
| <PostsPage :id="currentUser" /> | |
| </div> | |
| </template> | |
| <script> | |
| import { fetchUserPosts } from '@/api' | |
| import PostsPage from '@/components/PostsPage' | |
| const withPostsHOC = (WrappedComponent) => ({ |
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; | |
| } |
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
| let adMob = null; | |
| export function initAd() { | |
| adMob = window.plugins.AdMob || window.AdMob; | |
| if (/(android)/i.test(navigator.userAgent) && adMob) { | |
| adMob.banner.config({ | |
| id: "ca-app-pub-8953910389003952/3660976168", | |
| autoShow: false, | |
| isTesting: process.env.NODE_ENV === "production" ? false : true | |
| }); |
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 |
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 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--> |
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' |
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' |
NewerOlder