ViteConf
ViteConf
  • 141
  • 380 895
Jinjiang Zhao | Practicing Vite and Vitest via Node APIs | ViteConf 2024
In this sharing, we will talk about the Node APIs in Vite and Vitest, and how we practiced them in Bit (bit.dev/), a component-based dev platform. If you want to integrate Vite and Vitest into your dev workflow via Node.js, hopefully this talk helps you.
ViteConf.org hosted by StackBlitz.com
Переглядів: 351

Відео

Christoph Nakazawa | Video Game Development with Vite | ViteConf 2024
Переглядів 8932 місяці тому
Athena Crisis is 20% off at store.steampowered.com/app/2456430/Athena_Crisis today! Did you know that you can build high-quality games with JavaScript and Vite? Check out how Athena Crisis uses Vite to enable instant code changes, fast deployments, docs, offline support and even backend builds. And the best part? It's open source! github.com/nkzw-tech/athena-crisis ViteConf.org hosted by StackB...
Irina Nazarova | Using Vite Ruby | ViteConf 2024
Переглядів 4572 місяці тому
Let's talk about the depth of the asset pipeline problem for the Ruby on Rails community and the role of Vite and Vite Ruby. I'm also sharing feedback and quotes from the teams using Vite Ruby: why they chose it and what's missing. ViteConf.org hosted by StackBlitz.com
Jason Miller | Scaling Vite at Shopify | ViteConf 2024
Переглядів 3,4 тис.2 місяці тому
Lessons learned from migrating Shopify's largest frontend codebase to Vite. ViteConf.org hosted by StackBlitz.com
Brian Douglas | The Culture of the Vite Ecosystem | ViteConf 2024
Переглядів 1632 місяці тому
In this presentation, Brian Douglas will highlight Vite's wide usage and confidence, focusing on the repository's outside contributions, setting the stage for further discussions on Vite's ecosystem health and future directions. This approach will align with Vite's collaborative culture and aim to foster ongoing dialogue within the community. By the end of the talk, participants can expect to g...
Aakansha Doshi | Migrating Excalidraw from CRA to Vite: A Collaborative Journey | ViteConf 2024
Переглядів 5302 місяці тому
Excalidraw got a big DX boost after migrating to Vite. Aakansha shares the migration process, what they learned, and how the work turned into a collaborative effort between Excalidraw and the Vite Ecosystem. ViteConf.org hosted by StackBlitz.com
Alvaro Saburido Rodriguez | How the ViteConf 3D Puzzle was Built | ViteConf 2024
Переглядів 2352 місяці тому
This year, an interactive Pyraminx was created for the ViteConf landing page as the result of a collaboration between the TresJS and ViteConf team. Alvaro shares the behind the scene of how it was built! Have you solved the challenge? ViteConf.org hosted by StackBlitz.com
Sarah Rainsberger | Docs as Community Building | ViteConf 2024
Переглядів 1952 місяці тому
We're better when we work together! Most open-source projects benefit from, or completely rely on, a community to keep things going. But, growing and cultivating that community can be hard. You need users, and contributors, and fans (Oh my!) who choose to spend their time with your project. This talk will discuss why, and how, to use your documentation to build a community around your project. ...
Bjorn Lu | Performance! Performance! Performance! | ViteConf 2024
Переглядів 9542 місяці тому
Learn how to do performance work in the JS ecosystem! The talk covers the types of performance, techniques to get started, and examples to figure out how to apply them. ViteConf.org hosted by StackBlitz.com
Rom Brillout | Vike - Next Generation Frontend Framework | ViteConf 2024
Переглядів 2,3 тис.2 місяці тому
We believe Vike to be the next generation of frontend frameworks. Like Next.js / Nuxt but fundamentally more flexible and with powerful extensions. Learn more at vike.dev ViteConf.org hosted by StackBlitz.com
Chris Manson | Ember's Journey to Build with Vite | ViteConf 2024
Переглядів 2962 місяці тому
Chris Manson shares how Ember is choosing Vite to power embroider, as they embark in the next stage of their framework. ViteConf.org hosted by StackBlitz.com
Shai Reznik | Qwik - Behind The Magic |
Переглядів 1,2 тис.2 місяці тому
Prepare to be amazed with an unforgetable talk from Shai Reznik, from the Qwik Core team. Learn the magic behind Qwik, and how it lets you build instantly-interactive web apps without effort. ViteConf.org hosted by StackBlitz.com
Mark Dalgleish & Pedro Cattori | How Vite Made Remix Better | ViteConf 2024
Переглядів 5952 місяці тому
When we first migrated Remix onto Vite, we ran into some unexpected snags. At first we thought these were unfortunate limitations of Vite. But the more we sat with those problems, the more we started to rethink some design decisions in Remix itself. In the end, Vite forced us to arrive at more principled solutions that ultimately made Remix a better framework. Learn more at remix.run ViteConf.o...
Rich Harris | Svelte 5: Beyond Components | ViteConf 2024
Переглядів 9 тис.2 місяці тому
Svelte 5 introduces runes, which unlock universal, fine-grained reactivity. Rich Harris shares why Svelte is changing and what to expect's next. Learn more at svelte.dev ViteConf.org hosted by StackBlitz.com
Misha Kaletsky | Testing Types with Vitest and expect-type | ViteConf 2024
Переглядів 3822 місяці тому
See expect-type in action with Vitest. We'll walk through real examples of how to use vitest's built-in type testing features to make sure your TypeScript types are right - and that they do what you think they do. Useful for any writing TypeScript who wants to catch more bugs before they ship. ViteConf.org hosted by StackBlitz.com
Ari Perkkiö | Getting Started with Vitest Code Coverage | ViteConf 2024
Переглядів 3512 місяці тому
Ari Perkkiö | Getting Started with Vitest Code Coverage | ViteConf 2024
Vladimir Sheremet | The State of Vitest | ViteConf 2024
Переглядів 5492 місяці тому
Vladimir Sheremet | The State of Vitest | ViteConf 2024
Jecelyn Yeen | Four Amazing DevTools Updates You'll Love | ViteConf 2024
Переглядів 8782 місяці тому
Jecelyn Yeen | Four Amazing DevTools Updates You'll Love | ViteConf 2024
Igor Minar | Building Web Polyliths with Vite | ViteConf 2024
Переглядів 8892 місяці тому
Igor Minar | Building Web Polyliths with Vite | ViteConf 2024
Mathias Biilman | From Frameworks to Primitives | ViteConf 2024
Переглядів 6562 місяці тому
Mathias Biilman | From Frameworks to Primitives | ViteConf 2024
Natalia Venditto | JavaScript as Source and Target for Wasm and the Component Model | ViteConf 2024
Переглядів 3442 місяці тому
Natalia Venditto | JavaScript as Source and Target for Wasm and the Component Model | ViteConf 2024
Joyee Cheung | New & Upcoming Features in the Node.js Module Loader | ViteConf 2024
Переглядів 6692 місяці тому
Joyee Cheung | New & Upcoming Features in the Node.js Module Loader | ViteConf 2024
Alex Albert | ViteConf & Anthropic | ViteConf 2024
Переглядів 1812 місяці тому
Alex Albert | ViteConf & Anthropic | ViteConf 2024
Atila Fassina | The Power of Rust: Taurify the Web | ViteConf 2024
Переглядів 9012 місяці тому
Atila Fassina | The Power of Rust: Taurify the Web | ViteConf 2024
Nathan Wienert | Reinventing the Framework, from Zero to One | ViteConf 2024
Переглядів 7172 місяці тому
Nathan Wienert | Reinventing the Framework, from Zero to One | ViteConf 2024
Ben Holmes | The Future of the Web is Local First | ViteConf 2024
Переглядів 4,1 тис.2 місяці тому
Ben Holmes | The Future of the Web is Local First | ViteConf 2024
Brandon Roberts | Building the Next Meta-Framework for Angular with Analog | ViteConf 2024
Переглядів 3462 місяці тому
Brandon Roberts | Building the Next Meta-Framework for Angular with Analog | ViteConf 2024
Minko Gechev | Converging Web Frameworks | ViteConf 2024
Переглядів 1,3 тис.2 місяці тому
Minko Gechev | Converging Web Frameworks | ViteConf 2024
Ryan Carniato | Crossing the Network Chasm | ViteConf 2024
Переглядів 2,3 тис.2 місяці тому
Ryan Carniato | Crossing the Network Chasm | ViteConf 2024
Daniel Roe | Magically Optimising Your Fonts | ViteConf 2024
Переглядів 1,2 тис.2 місяці тому
Daniel Roe | Magically Optimising Your Fonts | ViteConf 2024

КОМЕНТАРІ

  • @Forged_in_the_Fire
    @Forged_in_the_Fire 17 днів тому

    This isn't going to work because companies can use NextJS or Remix without having to pay. For example, The Home Depot uses NextJS but they don't pay Vercel, instead Home Depot hosts their NextJS app on Google Cloud Platform, which they've already paid for cloud services. I know many other for profit companies in the United States that does the exact same thing.

  • @AlamKhan-yt9wd
    @AlamKhan-yt9wd 18 днів тому

    Ok, but why not load all the chunks in 2-3 api calls instead of 20-30?

  • @ManInTheFridge
    @ManInTheFridge 19 днів тому

    Everyone uses TypeScript but is anyone talking about Blazor now? Would like to hear opinions.

  • @szeligagrzegorz
    @szeligagrzegorz Місяць тому

    fantastic work ! :)

  • @Markov39
    @Markov39 Місяць тому

    nice tools

  • @FranciscoDeBarrosPt
    @FranciscoDeBarrosPt Місяць тому

    Evan and the team behind Vue, Vite and Void0 are unstoppable.👏

  • @kuhaniresti
    @kuhaniresti Місяць тому

    how to sell complex solution for hello world html? say Faster multiple times.

  • @dasten123
    @dasten123 Місяць тому

    22:38 "this isn't even my final form"

  • @quasarbeyond7828
    @quasarbeyond7828 Місяць тому

    Thanks.

  • @quasarbeyond7828
    @quasarbeyond7828 Місяць тому

    Really Thanks.

  • @danish2462
    @danish2462 Місяць тому

    I really enjoy working in svelte. Even though my weekdays go working on React. I still end up doing atleast something on the side using svelte. I really love how lite weight it is and it gives the exact same experience in production that you get in development ecosystem.

  • @magnuserikkeenrobot1117
    @magnuserikkeenrobot1117 Місяць тому

    thanks @ZoltanKochan you are a legend!

  • @kissu_io
    @kissu_io Місяць тому

    I'm a person of good taste: thumbs down for this inappropriate empty sale-y talk.

  • @hosseinse4079
    @hosseinse4079 Місяць тому

    it is similar to razor by lighter

  •  2 місяці тому

    okay... just wow

  • @naranyala_dev
    @naranyala_dev 2 місяці тому

    we need gamedev starter

  • @shafiq_ramli
    @shafiq_ramli 2 місяці тому

    This is soo cool. The fact that we can play the game in the doc is really cool. Good job 👍🏻

  • @JamLaMermelada
    @JamLaMermelada 2 місяці тому

    its my sleepover and I get to choose the movie

  • @abishektamilan9733
    @abishektamilan9733 2 місяці тому

    Rune ruined svelte

  • @jugibur2117
    @jugibur2117 2 місяці тому

    Wow, really great!

  • @AnthonyBullard
    @AnthonyBullard 2 місяці тому

    Jason Miller is the man

  •  2 місяці тому

    I’m impressed. How did you get the political will to migrate such a huge app from webpack to Vite?

  • @brillout
    @brillout 2 місяці тому

    Rom from Vike here, questions welcome. About the Open Source Pricing, note that: - Everything stays 100% gratis for engineers. - The code stays 100% Open Source (MIT license). - Companies who don't have the resources can apply for a free license key.

    • @hisexcellencykingderp
      @hisexcellencykingderp 2 місяці тому

      @@brillout What does the free license key provide and how long is it for

    • @brillout
      @brillout 2 місяці тому

      @@hisexcellencykingderp It includes everything. There are no restrictions whatsoever: the only thing the license key does is remove a pesky pop-up notification. Single-person projects don't even need a license key - everything works just like any other open-source project. Team projects require a license key but can apply for a free license key (by explaining in 2-3 sentences why they cannot afford it).

    • @hisexcellencykingderp
      @hisexcellencykingderp 2 місяці тому

      @@brillout how much is the licence

    • @brillout
      @brillout 2 місяці тому

      @@hisexcellencykingderp As much as your company wants. For example, your company could be paying only $1 per month. Although note that if too many companies choose to pay an amount that is obviously too low then we'll introduce a fixed price (we're thinking of something like 10-20 $ per dev per month).

    • @bit-ape-sj2xz
      @bit-ape-sj2xz Місяць тому

      side note, please add dark mode to the docs

  • @RobBecker
    @RobBecker 2 місяці тому

    Thank you for sharing this hard won knowledge!

  • @StingSting844
    @StingSting844 2 місяці тому

    Super impressive. I just moved our bundler to rsbuild instead of vite as I was the only person who worked on it and migrating webpack to rspack/rsbuild is quite simple. The prod builds are less than 5s now. Down from 200s!!

  • @user-gc8wr5dp4k
    @user-gc8wr5dp4k 2 місяці тому

    The best framework!

  • @ediancomachio2783
    @ediancomachio2783 2 місяці тому

    Great talk! Thank you

  • @LA-fb9bf
    @LA-fb9bf 2 місяці тому

    So, Svelte becomes Vue…

    • @hglbrg
      @hglbrg Місяць тому

      No. but that joke has been pasted in every comment field mentioning svelte 5 and its runes. So who is really copying others hm?

  • @MengLinMaker
    @MengLinMaker 2 місяці тому

    Didn't expect this talk to be so good. Anthony really understands the users well.

  • @kuhaniresti
    @kuhaniresti 2 місяці тому

    the only benefit i saw is you face your errors much quicker, am i right?

  • @4lepH
    @4lepH 2 місяці тому

    Broccoli is a source of stress in ember, many times it would show error and not point what file had it. It show some stacktrace, even in what core of cpu it ran, but nothing about specific file.

  • @BattleGn0me
    @BattleGn0me 2 місяці тому

    don't skip steps. did you CD into the Vite project?? you can t assume the viewer is following. Assume the most literal view of what you are doing.

  • @shai_reznik
    @shai_reznik 2 місяці тому

    thanks for all the hard work Vlad and the team! awesome job and features! 👏🙏♥

  • @yozhis1
    @yozhis1 2 місяці тому

    looks like business model doesn't need as much polishing as v1

    • @brillout
      @brillout 2 місяці тому

      We actually thought a lot about the Open Source Pricing design; critical feedback welcome.

    • @seethruhead7119
      @seethruhead7119 Місяць тому

      @@brillout the pricing model is a blocker for adoption the barrier to trying out new node based project rises exponentially the moment the accountants are involved, this is especially true the larger the company is i guarantee this fee will fall to engineers that would rather pay it themselves than involve accounting

    • @yozhis1
      @yozhis1 Місяць тому

      @@brillout we can see that you thought a lot about pricing 😀

    • @brillout
      @brillout Місяць тому

      @@seethruhead7119 Indeed accounting is barrier, probably the biggest one actually. But many non-free tools are successful, so it isn't a complete showstopper either.

  • @TheRealCornPop
    @TheRealCornPop 2 місяці тому

    Its been 0 days since a new JavaScript framework has been released

    • @brillout
      @brillout 2 місяці тому

      Indeed, Vike is fairly niche at the moment: we focus on users who want flexibility. We will broaden our target audience as we release features that will make it an increasingly serious contender to Next.js/Nuxt/Remix/...

  • @hisexcellencykingderp
    @hisexcellencykingderp 2 місяці тому

    TLDR they will start charging money. Can anyone recommend any free html pre rendering alternatives out there for use on an existing REACT project?

    • @jikd0
      @jikd0 2 місяці тому

      Remix?

    • @hisexcellencykingderp
      @hisexcellencykingderp 2 місяці тому

      @@jikd0 Im looking for something that can be integrated into an existing react app

    • @hisexcellencykingderp
      @hisexcellencykingderp 2 місяці тому

      @@jikd0 Im looking for something that can easily be implemented in an existing react app without payijg a subscription

    • @snatvb
      @snatvb 2 місяці тому

      astro?

    • @brillout
      @brillout 2 місяці тому

      Feel free to elaborate why the Open Source Pricing is a blocker for you. Note that, as an engineer, everything stays 100% free. In other words: Vike will never see the credit card of engineers/individuals but only the credit card of companies / their employer.

  • @cotyhamilton
    @cotyhamilton 2 місяці тому

    Wow

  • @maiieul
    @maiieul 2 місяці тому

    Coolest magician ever 🪄

  • @oluijks
    @oluijks 2 місяці тому

    I've used Ember many years ago for some hobby projects. I don't see many people using it anymore... Nice to see that it is still alive tho and coming to Vite and obviously still evolving...

  • @felixreithmaier
    @felixreithmaier 2 місяці тому

    This presentation is one of the best i have ever seen. The technology is also very interesting. I just wondering how the code looks like

    • @jettisonjj
      @jettisonjj 2 місяці тому

      The code is like React, but better.

  • @statuschannel8572
    @statuschannel8572 2 місяці тому

    here we go again! at this point i convinced my senior is right, just use javascript than using any of these shiny frontends

  • @chrishanthacosta4093
    @chrishanthacosta4093 2 місяці тому

    Late wishes from sri lanka...

  • @AttilaButurla
    @AttilaButurla 2 місяці тому

    This is all great! One question, from a developer perspective what is the advantage of runtime-driven reactivity?

  • @harryickeringill2948
    @harryickeringill2948 2 місяці тому

    Bullish on sveltekit + cf workers stack for 2025

  • @_dinesh
    @_dinesh 2 місяці тому

    I love the simplicity!!!! 🎉🎊

  • @Darq_IsLive
    @Darq_IsLive 2 місяці тому

    Is this still a thing? I see the vite path and the expo path on the Tamagui website. Absolut bullshit. I come to your discord server to ask for details, receive ZERO response, except some smartass suggestiong another framework. Yeah good job. Waste of time.

  • @bob84409
    @bob84409 2 місяці тому

    tbh sending individual ESM modules during development currently makes vite unusable for majority of corporate projects, i tried running ours and load times were over 40s with thousands of requests. Looking forward to bundle mode to give it a try again.

  • @hosampb5593
    @hosampb5593 2 місяці тому

    Those are some really helpful new features. I'm mostly excited about the api mock

  • @cotyhamilton
    @cotyhamilton 2 місяці тому

    Omg, so excited for native alt runtime support 🎉

  • @michaelpumo83
    @michaelpumo83 2 місяці тому

    So Svelte basically stole Vue 3’s ideas? 🤣

    • @SheeceGardazi
      @SheeceGardazi 2 місяці тому

      Nops, you’re mistaken. This idea was originally implemented by Knockout back in 2010. Recently, it was reintroduced by the Solid team, aka implementing reactivity using signals. There’s nothing particularly innovative about Vue; it’s just an alternative markup language to React. + Vue 3 is based on a virtual DOM, so it can never match the performance delivered by Svelte.

    • @fred.flintstone4099
      @fred.flintstone4099 2 місяці тому

      @@SheeceGardazi Vue has a a experimental new renderer called Vapor that doesn't use the virtual DOM.

    • @SheeceGardazi
      @SheeceGardazi 2 місяці тому

      @@fred.flintstone4099 `So Vue 3’ basically stole Svelte’s ideas? 🤣` ... in seriousness thats awesome ... there had been too much divergance in js eco system ... its good for the industry that converges on standard patterns ... collectively improve the limitations

    • @fred.flintstone4099
      @fred.flintstone4099 2 місяці тому

      @@SheeceGardazi Rich Harris created Ractive.js which inspired Evan to create Vue, which inspired Rich to create Svelte so Vue and Svelte are kind of similar and have inspired each other and other frameworks SPA frameworks like like React is quite similar too. React is very similar to Solid.js, so all these frameworks are kind of similar.

    • @SheeceGardazi
      @SheeceGardazi 2 місяці тому

      @@fred.flintstone4099 I am unsure about the history ... but I agree with the ethos of statement ... ... inverted comma were to highlight this fact too Michael in his own words ... thats just opensource in a nutshell ... you feel limited by something you build some alternative ... initially there is divergence when ppl are exploring the best way and eventually they all converge ... extreme example will be hardware drive protocols that run on any os now ...