v0.2.0
#578
gbj
announced in
Announcements
Replies: 1 comment
-
|
WHOA!! So excited |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
v0.2.0v0.2.0is an incremental change over0.1.x. There are a few small things that have been breaking changes over the last two months, one big new feature, and a lot of small improvements and changes.Async Rendering and In-Order Streaming
The biggest new feature of
0.2.0that requires explanation is support forasyncrendering and in-order streaming, which you can activate via the newssrprop on a<Route/>. (See thessr_modesandssr_modes_axumexamples.)With this new feature, Leptos now supports four different ways to render HTML that contains
asyncdata loaded under<Suspense/>. You can opt in to one or the other on a per-route basis.fallbackfor anySuspense. Load data on the client, replacingfallbackonce they're loaded.fallbackfor anySuspense. Load data on the server, streaming it down to the client as it resolves, and streaming down HTML forSuspensenodes.async, with a very fast shell and resources that begin loading on the server.<head>)Suspense. At that point, wait for all its data to load, then render it, then the rest of the tree.Suspense. Cannot begin hydration until the entire page has loaded, so earlier piecesof the page will not be interactive until the suspended chunks have loaded.
async: Load all resources on the server. Wait until all data are loaded, and render HTML in one sweep.<head>). Faster complete load than synchronous because async resources begin loading on server.The mode defaults to out-of-order streaming. For a path that includes multiple nested routes, the most
restrictive mode will be used: i.e., if even a single nested route asks for
asyncrendering, the whole initialrequest will be rendered
async. (asyncis the most restrictive requirement, followed by in-order, out-of-order, and synchronous.)Because you have the ability to opt into these different modes on a per-route basis, you can choose the rendering strategy that is best for you—not only for your app in general, but for any given page.
Other Features and Improvements
<Html/>and<Body/>components inleptos_metathat let you change things like<html>langanddir, and add aclassto the<body>on:event listeners on<Component/>nodes, e.g.,<MyFancyButton on:click=.../>without needing to create anon_clickprop<Redirect/>component in the router that works during client-side navigation or server-side renderingChildren,AttributeValue, and other type aliases to make it easier to accept a variety of types in your componentsBreaking Changes Since
0.1.3Resource::read()andResource::with()now take aScopeas their first argument, i.e.,resource.read()is nowresource.read(cx). This is necessary for correct<Suspense/>behavior.Errorstype has been modified to hide its internals and exposeIntoIterdirectly. In 99% of cases this just means replacing references likeerrors.get().0.into_iter()witherrors.get().into_iter()use leptos::*you probably won't notice the difference; if you are manually importing types you will need to import the signal traits as well.<For/>componentviewargument now takes aScopeas its first argument, i.e., a change fromview=move |counter| { ... }toview=move |cx, counter| { ... }<ErrorBoundary/>componentfallbackargument now takes aFn(Scope, RwSignal<Errors>) -> impl IntoViewinstead ofFn(Scope, Option<RwSignal<Errors>>) -> impl IntoViewNodeRefnow takesNodeRef<T>instead ofNodeRef<HtmlElement<T>>. We're also deprecatingNodeRef::new(cx)in favor ofcreate_node_ref(cx)to follow the same pattern as everything else in the framework.cargo-leptosand the server integrations whether you're usingcargo-leptosor not. Thesite_addressfield is now namedsite_addr; the compiler should actually prompt you correctly for this one.use leptos::*you may need to manually import a few additional types. We're also no longer reexportingwasm-bindgen,web-sys, andjs-sysso you may need to add them as dependencies to yourCargo.tomlComplete CHANGELOG
Childrentype alias by @gbj in AddChildrentype alias #403viewmacro fast-path SSR by @gbj in Fix boolean attributes inviewmacro fast-path SSR #408<Html/>and<Body/>components inleptos_metaby @gbj in Add<Html/>and<Body/>components inleptos_meta#407<option>and<use>in SSRviewmacro by @gbj in fix: correct types for top-level<option>and<use>in SSRviewmacro #416axum_errorsexample by @gbj in Fix some small issues inaxum_errorsexample #424RouteDefinitionpublic by @gbj in MakeRouteDefinitionpublic #430inner_htmlattribute by @gbj in docs: Documentinner_htmlattribute #429checkinstead ofbuild(for CI) & add missing examples by @gbj in chore: switch examples tocheckinstead ofbuild(for CI) & add missing examples #437<Show/>by @gbj in fix: correct behavior of<Show/>#436<Outlet/>by @gbj in fix: successfully pass context to nested routes via<Outlet/>#447on:event listeners on<Component/>nodes by @gbj in feature: allowon:event listeners on<Component/>nodes #448leptos_routerhydration issues by @gbj in fix:leptos_routerhydration issues #450<Outlet />#452) by @gbj in fix: stack overflow in with nested outlet (closes #452) #453leptos_configdescription by @odiseo0 in fix: typo inleptos_configdescription #455Childrentypes to macro docs by @gbj in docs: add newChildrentypes to macro docs #454closeevent ondialogtag does not work #457 by @Threated in Fix #457 #460fallbackin<Show/>(closes Potential case for optional fallback in <Show> view macro tag #406) by @gbj in docs: add note about optionalfallbackin<Show/>(closes #406) #463<Redirect/>component (closes Add<Redirect />component #412) by @gbj in feature: add isomorphic<Redirect/>component (closes #412) #466node_refin SSR by @gbj in fix: fixnode_refin SSR #471cargo docin projects using#[server]by @gbj in fix:cargo docin projects using#[server]#476<ErrorBoundary/>by @gbj in fix: adding/removing errors from<ErrorBoundary/>#478"openssl"feature from Actix examples by @gbj in remove unnecessary"openssl"feature from Actix examples #480axum_errorsexample by @gbj in fix: errors on 404 page inaxum_errorsexample #485inner_htmlin SSR by @gbj in fix: correct behavior forinner_htmlin SSR #487#[derive(Params)]by @gbj in fix: typed route params with#[derive(Params)]#488debug_warnbehavior in reactive crate and removelogdependency by @gbj in fix: fixdebug_warnbehavior in reactive crate and removelogdependency #491Scopeto view function in<For/>to avoid memory "leak" by @gbj in change: addScopeto view function in<For/>to avoid memory "leak" #492index.htmlby @gbj in examples: remove unusedindex.html#497rustfmtby @jquesada2016 in workspacerustfmt#483<For/>intodomvcexample by @gbj in fix:<For/>intodomvcexample #504leptos_domand add Wasm build to CI for regressions by @gbj in fix: import inleptos_domand add Wasm build to CI for regressions #510.unwrap()fromredirectin Actix integration by @gbj in remove.unwrap()fromredirectin Actix integration #5140.2.0-alphaby @gbj in version:0.2.0-alpha#515Unitin empty views (closes Empty views no longer work #518) by @gbj in fix: correct namespace forUnitin empty views (closes #518) #520web-sysevent types to make it easier to type handlers by @gbj in Reexportweb-sysevent types to make it easier to type handlers #521Errorsand implementIntoIterby @gbj in change: tweak API ofErrorsand implementIntoIter#522viewmacro with new exports by @gbj in fix: top-level SVG inviewmacro with new exports #525templatemacro by @gbj in feature: reintroduce limited template-node cloning w/templatemacro #526<Suspense/>(closes Hydration Mismatch within ActionForm with InnerComponents #527) by @gbj in fix: hydration IDs for elements following<Suspense/>(closes #527) #531asyncrendering by @gbj in feature: in-order streaming andasyncrendering #496v0.2.0-alpha2by @gbj inv0.2.0-alpha2#539leptos_reactivein release mode by @gbj in fix: buildingleptos_reactivein release mode #540<Suspense/>by @gbj in fix: more work on hydration IDs with<Suspense/>#545ScopeintoResource::read()andResource::with()by @gbj in change: passScopeintoResource::read()andResource::with()#542v0.2.0-betaby @gbj inv0.2.0-beta#557<ButtonC on:click/>syntax by @gbj in docs: add example of<ButtonC on:click/>syntax #558create_resource,<Suspense/>, and<Transition/>by @gbj in docs: addcreate_resource,<Suspense/>, and<Transition/>#559<Suspense/>fragments by @gbj in fix: issue with local resources blocking<Suspense/>fragments #561transitionfallback (closesTransitiondoesn't show fallback while pending #562) by @gbj in fix:transitionfallback (closes #562) #563<details>toggle event does not bubble (issue on:toggle of<details> does not work #565) by @gbj in fix:<details>toggle event does not bubble (issue #565) #566panichygiene by @remkop22 in Macropanichygiene #568<Transition/>withlocal_resource(closesTransitiondoesn't show fallback while pending #562) by @gbj in fix:<Transition/>withlocal_resource(closes #562) #574New Contributors
leptos_configdescription #455panichygiene #568Full Changelog: v0.1.3...v0.2.0
This discussion was created from the release `v0.2.0`.
Beta Was this translation helpful? Give feedback.
All reactions