- Видео 141
- Просмотров 364 617
ViteConf
США
Добавлен 28 июл 2022
Beyond fast ⚡️
viteconf.org
Learn how frontend teams are building the next generation of the web with Vite.
Hosted by StackBlitz
viteconf.org
Learn how frontend teams are building the next generation of the web with Vite.
Hosted by StackBlitz
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
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
22:38 "this isn't even my final form"
Thanks.
Really Thanks.
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.
thanks @ZoltanKochan you are a legend!
I'm a person of good taste: thumbs down for this inappropriate empty sale-y talk.
it is similar to razor by lighter
okay... just wow
we need gamedev starter
This is soo cool. The fact that we can play the game in the doc is really cool. Good job 👍🏻
its my sleepover and I get to choose the movie
Rune ruined svelte
Wow, really great!
Jason Miller is the man
I’m impressed. How did you get the political will to migrate such a huge app from webpack to Vite?
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.
@@brillout What does the free license key provide and how long is it for
@@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).
@@brillout how much is the licence
@@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).
Thank you for sharing this hard won knowledge!
Insufferable and I am a qwik fan :/
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!!
The best framework!
Great talk! Thank you
So, Svelte becomes Vue…
Didn't expect this talk to be so good. Anthony really understands the users well.
the only benefit i saw is you face your errors much quicker, am i right?
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.
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.
thanks for all the hard work Vlad and the team! awesome job and features! 👏🙏♥
looks like business model doesn't need as much polishing as v1
We actually thought a lot about the Open Source Pricing design; critical feedback welcome.
@@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
@@brillout we can see that you thought a lot about pricing 😀
@@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.
Its been 0 days since a new JavaScript framework has been released
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/...
TLDR they will start charging money. Can anyone recommend any free html pre rendering alternatives out there for use on an existing REACT project?
Remix?
@@jikd0 Im looking for something that can be integrated into an existing react app
@@jikd0 Im looking for something that can easily be implemented in an existing react app without payijg a subscription
astro?
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.
Wow
Coolest magician ever 🪄
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...
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
The code is like React, but better.
here we go again! at this point i convinced my senior is right, just use javascript than using any of these shiny frontends
Late wishes from sri lanka...
This is all great! One question, from a developer perspective what is the advantage of runtime-driven reactivity?
Bullish on sveltekit + cf workers stack for 2025
I love the simplicity!!!! 🎉🎊
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.
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.
Those are some really helpful new features. I'm mostly excited about the api mock
Omg, so excited for native alt runtime support 🎉
So Svelte basically stole Vue 3’s ideas? 🤣
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.
@@SheeceGardazi Vue has a a experimental new renderer called Vapor that doesn't use the virtual DOM.
@@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
@@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.
@@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 ...
That was straight to the point ! And yes, it does feel like vite ecosystem is very dynamic. Keep on the great work !
@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.
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!
Why use React at all?
@@SheeceGardazi Not me but the rest of the web world I can see using component.svelte.tsx now!
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!
Just go webcomponents
But how about if I want to enjoy my life?
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
@@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
@@krannark that’s fair
Have you actually worked with webcomponents? The idea is wonderful but the implementation in practice has so many unfortunate limitations.
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
What is sveltekit beta? how is that related with Svelte?
I'm sticking to ELM just works