Best of Vue.js โ€” June 2023

  1. 1
    Article
    Avatar of freecodecampfreeCodeCampยท3y

    Front End JavaScript Development Handbook โ€“ React, Angular, and Vue Compared

    Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components.

  2. 2
    Article
    Avatar of telerikTelerikยท3y

    100 Things You Should Know About Nuxt 3

    A new server engine fuels Nuxt 3, Nitro, offering cross-platform support for Node.js, browsers, service workers and more. The framework has been rewritten with TypeScript, drastically improving developer experience by writing type-safe code. The composition API is easier to test and provides a better TypeScript experience.

  3. 3
    Article
    Avatar of communityCommunity Picksยท3y

    Why and how to create an Event Bus in Vuejs 3

    The current version of the Inspector frontend application uses a global event bus. It's needed to make the root component of the application (App.vue) aware of some particular events fired inside the component chain. In Vuejs each component is responsible to render a piece of UI users are interacting with.

  4. 4
    Article
    Avatar of communityCommunity Picksยท3y

    Starlight ๐ŸŒŸ Build documentation sites with Astro

    Astro is the all-in-one web framework designed for speed. Starlight gives you built-in frontmatter validation with TypeScript type-safety. Extend with React, Vue, Svelte, Solid, and more. Pull your content from anywhere and deploy everywhere.

  5. 5
    Article
    Avatar of pointerPointerยท3y

    vercel-labs/ai: Build AI-powered applications with React, Svelte, and Vue

    The Vercel AI SDK is a library for building edge-ready AI-powered streaming text and chat UIs. Features SWR-powered React, Svelte and Vue helpers for streaming text responses and building chat. First-class support for LangChain and OpenAI, Anthropic, and HuggingFace Edge.

  6. 6
    Article
    Avatar of itnextITNEXTยท3y

    Event handling done right

    The parent component passes data using props and child components emit events to communicate with their parent. The main difference is in line 13 (both gists) On the first variation the component emits an event, but on the second the component is executing the passed function. After the performance results, the handler variation wins by knock-out.