ViteConf
ViteConf
  • Видео 141
  • Просмотров 364 617
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
Просмотров: 278

Видео

Christoph Nakazawa | Video Game Development with Vite | ViteConf 2024
Просмотров 81214 дней назад
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
Просмотров 31121 день назад
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
Просмотров 2,7 тыс.21 день назад
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
Просмотров 13221 день назад
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
Просмотров 46421 день назад
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
Просмотров 21828 дней назад
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
Просмотров 17228 дней назад
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
Просмотров 90128 дней назад
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
Просмотров 1,9 тыс.28 дней назад
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
Просмотров 26528 дней назад
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 тыс.28 дней назад
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
Просмотров 55628 дней назад
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
Просмотров 7 тыс.Месяц назад
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
Просмотров 328Месяц назад
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
Просмотров 272Месяц назад
Ari Perkkiö | Getting Started with Vitest Code Coverage | ViteConf 2024
Vladimir Sheremet | The State of Vitest | ViteConf 2024
Просмотров 478Месяц назад
Vladimir Sheremet | The State of Vitest | ViteConf 2024
Jecelyn Yeen | Four Amazing DevTools Updates You'll Love | ViteConf 2024
Просмотров 837Месяц назад
Jecelyn Yeen | Four Amazing DevTools Updates You'll Love | ViteConf 2024
Igor Minar | Building Web Polyliths with Vite | ViteConf 2024
Просмотров 854Месяц назад
Igor Minar | Building Web Polyliths with Vite | ViteConf 2024
Mathias Biilman | From Frameworks to Primitives | ViteConf 2024
Просмотров 618Месяц назад
Mathias Biilman | From Frameworks to Primitives | ViteConf 2024
Natalia Venditto | JavaScript as Source and Target for Wasm and the Component Model | ViteConf 2024
Просмотров 322Месяц назад
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
Просмотров 622Месяц назад
Joyee Cheung | New & Upcoming Features in the Node.js Module Loader | ViteConf 2024
Alex Albert | ViteConf & Anthropic | ViteConf 2024
Просмотров 148Месяц назад
Alex Albert | ViteConf & Anthropic | ViteConf 2024
Atila Fassina | The Power of Rust: Taurify the Web | ViteConf 2024
Просмотров 830Месяц назад
Atila Fassina | The Power of Rust: Taurify the Web | ViteConf 2024
Nathan Wienert | Reinventing the Framework, from Zero to One | ViteConf 2024
Просмотров 686Месяц назад
Nathan Wienert | Reinventing the Framework, from Zero to One | ViteConf 2024
Ben Holmes | The Future of the Web is Local First | ViteConf 2024
Просмотров 3,9 тыс.Месяц назад
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
Просмотров 306Месяц назад
Brandon Roberts | Building the Next Meta-Framework for Angular with Analog | ViteConf 2024
Minko Gechev | Converging Web Frameworks | ViteConf 2024
Просмотров 1,2 тыс.Месяц назад
Minko Gechev | Converging Web Frameworks | ViteConf 2024
Ryan Carniato | Crossing the Network Chasm | ViteConf 2024
Просмотров 2,2 тыс.Месяц назад
Ryan Carniato | Crossing the Network Chasm | ViteConf 2024
Daniel Roe | Magically Optimising Your Fonts | ViteConf 2024
Просмотров 1,1 тыс.Месяц назад
Daniel Roe | Magically Optimising Your Fonts | ViteConf 2024

Комментарии

  • @dasten123
    @dasten123 15 часов назад

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

  • @quasarbeyond7828
    @quasarbeyond7828 День назад

    Thanks.

  • @quasarbeyond7828
    @quasarbeyond7828 День назад

    Really Thanks.

  • @danish2462
    @danish2462 3 дня назад

    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 8 дней назад

    thanks @ZoltanKochan you are a legend!

  • @kissu_io
    @kissu_io 11 дней назад

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

  • @hosseinse4079
    @hosseinse4079 16 дней назад

    it is similar to razor by lighter

  •  18 дней назад

    okay... just wow

  • @naranyala_dev
    @naranyala_dev 19 дней назад

    we need gamedev starter

  • @shafiq_ramli
    @shafiq_ramli 19 дней назад

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

  • @JamLaMermelada
    @JamLaMermelada 20 дней назад

    its my sleepover and I get to choose the movie

  • @abishektamilan9733
    @abishektamilan9733 20 дней назад

    Rune ruined svelte

  • @jugibur2117
    @jugibur2117 21 день назад

    Wow, really great!

  • @AnthonyBullard
    @AnthonyBullard 22 дня назад

    Jason Miller is the man

  •  22 дня назад

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

  • @brillout
    @brillout 23 дня назад

    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 22 дня назад

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

    • @brillout
      @brillout 22 дня назад

      @@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 22 дня назад

      @@brillout how much is the licence

    • @brillout
      @brillout 21 день назад

      @@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).

  • @RobBecker
    @RobBecker 23 дня назад

    Thank you for sharing this hard won knowledge!

  • @tomdelong-j9f
    @tomdelong-j9f 23 дня назад

    Insufferable and I am a qwik fan :/

  • @StingSting844
    @StingSting844 23 дня назад

    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 23 дня назад

    The best framework!

  • @ediancomachio2783
    @ediancomachio2783 23 дня назад

    Great talk! Thank you

  • @LA-fb9bf
    @LA-fb9bf 23 дня назад

    So, Svelte becomes Vue…

  • @MengLinMaker
    @MengLinMaker 24 дня назад

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

  • @kuhaniresti
    @kuhaniresti 25 дней назад

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

  • @4lepH
    @4lepH 25 дней назад

    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 27 дней назад

    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 27 дней назад

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

  • @yozhis1
    @yozhis1 27 дней назад

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

    • @brillout
      @brillout 23 дня назад

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

    • @seethruhead7119
      @seethruhead7119 12 дней назад

      @@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 7 дней назад

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

    • @brillout
      @brillout 5 дней назад

      @@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 28 дней назад

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

    • @brillout
      @brillout 23 дня назад

      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 29 дней назад

    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 29 дней назад

      Remix?

    • @hisexcellencykingderp
      @hisexcellencykingderp 29 дней назад

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

    • @hisexcellencykingderp
      @hisexcellencykingderp 29 дней назад

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

    • @snatvb
      @snatvb 28 дней назад

      astro?

    • @brillout
      @brillout 23 дня назад

      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 29 дней назад

    Wow

  • @maiieul
    @maiieul 29 дней назад

    Coolest magician ever 🪄

  • @soberstudy160
    @soberstudy160 Месяц назад

    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 Месяц назад

    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 Месяц назад

      The code is like React, but better.

  • @statuschannel8572
    @statuschannel8572 Месяц назад

    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 Месяц назад

    Late wishes from sri lanka...

  • @AttilaButurla
    @AttilaButurla Месяц назад

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

  • @harryickeringill2948
    @harryickeringill2948 Месяц назад

    Bullish on sveltekit + cf workers stack for 2025

  • @_dinesh
    @_dinesh Месяц назад

    I love the simplicity!!!! 🎉🎊

  • @DarkoLuketic
    @DarkoLuketic Месяц назад

    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 Месяц назад

    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 Месяц назад

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

  • @cotyhamilton
    @cotyhamilton Месяц назад

    Omg, so excited for native alt runtime support 🎉

  • @michaelpumo83
    @michaelpumo83 Месяц назад

    So Svelte basically stole Vue 3’s ideas? 🤣

    • @SheeceGardazi
      @SheeceGardazi Месяц назад

      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 22 дня назад

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

    • @SheeceGardazi
      @SheeceGardazi 20 дней назад

      @@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 19 дней назад

      @@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 19 дней назад

      @@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 ...

  • @AlainBoudard
    @AlainBoudard Месяц назад

    That was straight to the point ! And yes, it does feel like vite ecosystem is very dynamic. Keep on the great work !

  • @fennecbesixdouze1794
    @fennecbesixdouze1794 Месяц назад

    @3:10 this is such a horrible idea if you actually know what you're doing. ```svelte let count = $state(0); let prev = { count }; count += 1; ``` How am I supposed to reason about the semantics here? Why is "count" on the second line not reactive, but "count" on the first and third lines is reactive? And where is the semantics for this language so I can reason myself as I'm programming? When I hover over "count", what is the type of the variable? It's going to be a number: I have no hint from the language syntax or my typechecker about whether something is reactive or not, which is the main thing you want to know if you're doing reactive programming. If you think the Solid and Vue examples up top look ugly, just try to export a reactive store from a *.svelte.ts file: you have to write your own getters just to export a simple signal. Essentially: you have to re-wrap everything that Svelte has pre-emptively unwrapped for you, because Svelte has decided to hide the signal primitive from you. Evan Yue experimented with the same thing with Vue's reactivity transform proposal. It even got slated into a release. Then as they cautiously evaluated it, they realized that as soon as you get beyond a trivial counter example, it causes far more problems and leads to far uglier code than letting the programmer simply handle the signal via the "ref" or "reactive" interfaces.

  • @gageracer
    @gageracer Месяц назад

    I feel like we can use Svelte signals/stores exclusively in any other non-signal frameworks (aka React) and set svelte as a dev dependency(like you always do anyway)! This is a huge step in code re-usability!

    • @SheeceGardazi
      @SheeceGardazi Месяц назад

      Why use React at all?

    • @gageracer
      @gageracer Месяц назад

      @@SheeceGardazi Not me but the rest of the web world I can see using component.svelte.tsx now!

  • @gariklaw
    @gariklaw Месяц назад

    Like many I was kinda afraid when the OG announcement came out, and now that I'm working on some projects in Svelte 5 I'm like "Oh, I GET IT." Bravo. This is the best summary yet!

  • @PascalVos
    @PascalVos Месяц назад

    Just go webcomponents

    • @brandonpaul6139
      @brandonpaul6139 Месяц назад

      But how about if I want to enjoy my life?

    • @krannark
      @krannark Месяц назад

      web components are a pain to write and maintain. I think it’s good to understand how to do them and their use cases but there’s no way I’m writing a whole app with vanilla js and web components

    • @PascalVos
      @PascalVos Месяц назад

      @@brandonpaul6139 use something like solid probability. At lease something that doesn’t need a compile step to work. This is the strength and flaw. It all needs so much dependencies and steps to work

    • @PascalVos
      @PascalVos Месяц назад

      @@krannark that’s fair

    • @fennecbesixdouze1794
      @fennecbesixdouze1794 Месяц назад

      Have you actually worked with webcomponents? The idea is wonderful but the implementation in practice has so many unfortunate limitations.

  • @ilovegame1712
    @ilovegame1712 Месяц назад

    oh shıt here we go again First, we in the team updated from svelte kit beta, then from svelte 3 to svelte 4. Now we will be from svelte 4 to 5

    • @SilvestreVivo
      @SilvestreVivo Месяц назад

      What is sveltekit beta? how is that related with Svelte?

    • @Joshua.Developer
      @Joshua.Developer Месяц назад

      I'm sticking to ELM just works