Logo
  • NOTES
  • BLOG
  • OSS
  • TALKS
  • WIKI
  • ABOUT
GITHUB

JavaScript / Typescript

Status
Not started
  • Resources
  • NPM
  • Vue
  • Nuxt.js
  • Datagrid
  • React
  • Library
  • dayjs
  • Lightbox
  • Typescript

Resources

  • Resource hints - https://www.keycdn.com/blog/resource-hints

NPM

  • https://stackoverflow.com/questions/39460074/unable-to-publish-to-an-npm-registry-local
  • https://blog.sonatype.com/using-nexus-3-as-your-repository-part-2-npm-packages
  • https://stackoverflow.com/questions/32633678/is-there-any-way-to-configure-multiple-registries-in-a-single-npmrc-file

Vue

  • Extendovani Vue komponent (https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/)
  • https://nick-basile.com/blog/post/build-a-customizable-vuejs-modal-with-tailwind-css
  • https://nick-basile.com/blog/post/build-a-customizable-vuejs-modal-with-tailwind-css
  • https://github.com/zillet/zillet/tree/4d3f5ea1e52d675b4b3de0874e95dfadd100a654/app/components
  • https://github.com/adamwathan/vue-tailwind-examples/blob/master/src/components/Modal.vue
  • https://medium.com/@vlad_19457/using-action-creators-with-vuex-fd9bcf8fb838
  • https://github.com/vuejs/vuex/issues/564
  • https://rjzaworski.com/2018/10/typescript-event-handlers
  • https://forum.vuejs.org/t/vue-extend-define-type-on-refs-with-typescript/29049
  • Vue 26 tipu a triku http://michaelnthiessen.com/26-time-saving-tips/
  • Vue ukazka na vlastni transition, popper, outside click, atd - https://codesandbox.io/s/reusable-vuejs-popper-u7p6x
  • https://alexjoverm.github.io/2017//Lazy-load-in-Vue-using-Webpack-s-code-splitting/
  • Vue.js tips - https://learn-vuejs.github.io/vue-patterns/patterns/#higher-order-component-a-k-a-hoc
  • Vue komponenty https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d
  • Nuxt SSR https://blog.lichter.io/posts/nuxt-dynamic-ssr-spa-handling/
  • Vue 3 suspence component do Vue 2 https://gist.github.com/ffxsam/b7f415969c9529279ec35e95e5ffd7af
  • Vue 3 suspence https://vueschool.io/articles/vuejs-tutorials/suspense-new-feature-in-vue-3/
  • Headless vue https://www.maxgfeller.com/blog/vue-3-headless

Nuxt.js

  • https://nitro.unjs.io/
  • Multiapp - https://github.com/nuxt/rfcs/issues/30
  • Multiapp - https://medium.com/dailyjs/5-tips-for-sharing-code-between-nuxtjs-projects-6ffb5b7f8a25
  • Multiapp - https://nuxtjs.org/docs/2.x/deployment/vercel-deployment
  • Multiapp - https://github.com/nuxt/vercel-builder/tree/main/examples
  • Multiapp - https://dev.to/muhaddimu/how-to-use-multiple-nuxt-js-applications-on-frontend-2k6g
  • Multiapp - https://stackoverflow.com/questions/59223227/how-to-run-multiple-nuxt-instances-using-expressjs-vhost-feature
  • Multiapp - https://www.telerik.com/blogs/10-useful-tips-improve-user-experience-nuxt-application

Datagrid

  • https://bryntum.com/products/grid/docs/guide/Grid/quick-start/vue-3
  • https://www.vuetable.com/guide/api-vs-data-mode.html#api-mode
  • https://handsontable.com/docs/javascript-data-grid/vue3-installation/?ref=madewithvuejs.com
  • https://twitter.com/nuxtlabs/status/1666089917271916544
  • https://ui.nuxt.com/components/table
  • https://github.com/nuxt/ui/blob/dev/docs/components/content/examples/TableExampleAdvanced.vue
  • https://github.com/Happy-Coding-Clans/vue-easytable
  • https://github.com/revolist/vue3-datagrid
  • https://github.com/revolist/vue-datagrid

React

  • Jak pregenerovat prvek ve vue a reactu <embed> - https://github.com/facebook/react/issues/12665

Library

dayjs

return dayjs.duration(time, unit)
    .format('Y [years] M [months] D [days] H [hours] m [minutes] s [seconds]')
    .replace(/\b0 years\b/, '')
    .replace(/\b0 months\b/, '')
    .replace(/\b0 days\b/, '')
    .replace(/\b0 hours\b/, '')
    .replace(/\b0 minutes\b/, '')
    .replace(/\b0 seconds\b/, '')
    .trim();

Lightbox

  • https://photoswipe.com/
  • https://github.com/noelboss/featherlight/
  • http://chocolat.insipi.de/#features
  • https://simplelightbox.com/
  • https://github.com/jsor/lity
  • https://fslightbox.com/javascript
  • https://basiclightbox.electerious.com/
  • https://sachinchoolur.github.io/lightgallery.js/
  • https://github.com/imgix/luminous#usage

Typescript

  • Typescript - inline casting https://stackoverflow.com/a/13206433/1347177
  • TS: import https://stackoverflow.com/a/51114250
  • TS - jak na (ne)importovani typu https://scotch.io/tutorials/3-useful-typescript-tips-for-angular
  • Github Action - https://github.com/actions/typescript-action/blob/main/action.yml
Logo

© f3l1x

GitHubLinkedInXYouTube