Giter Site home page Giter Site logo

advanced-vue-component-design's Introduction

Course from adamwathan "Advanced Vue Component Design"

https://coursehunters.net/course/prodvinutoe-proektirovanie-komponentov-vue

https://github.com/guitarbien/advanced-vue-component-design

Each link is the code for each lesson starting from lesson 1:

  1. building-controlled-components

  2. customizing-controlled-component-bindings

  3. wrapping-external-libraries-as-vue-components

  4. encapsulating-external-behavior-closing-on-escape

  5. encapsulating-external-behavior-background-scrolling

  6. encapsulating-external-behavior-portals

  7. encapsulating-external-behavior-reusing-portals

  8. injecting-content-using-slots

  9. native-style-buttons-using-slots-and-class-merging

  10. extending-components-using-composition

  11. passing-data-up-using-scoped-slots

  12. render-functions-101

  13. render-functions-and-components

  14. render-functions-and-children

  15. render-functions-and-slots

  16. data-provider-components

  17. getting-started-with-renderless-ui-components

  18. passing-data-props-from-renderless-components

  19. passing-action-props-from-renderless-components

  20. passing-binding-props-from-renderless-components

  21. renderless-ui-components-functions-as-binding-props

  22. implementing-alternate-layouts-with-renderless-components

  23. configuring-renderless-components

  24. wrapping-renderless-components

  25. element-queries-as-a-data-provider-component

  26. building-compound-components-with-provide-inject

  27. building-a-compound-sortable-list-component

  28. building-a-search-select-data-bindings

  29. building-a-search-select-filtering

  30. building-a-search-select-focus-management

  31. building-a-search-select-making-it-controlled

  32. building-a-search-select-keyboard-navigation

  33. building-a-search-select-click-outside-component

  34. building-a-search-select-integrating-popperjs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.