What is this?
Yew is a modern Rust framework for creating multi-threaded, front-end web apps with WebAssembly. You build the UI in Rust, and the app compiles to Wasm that runs in the browser.
Yew is a modern Rust framework for creating multi-threaded, front-end web apps with WebAssembly. You build the UI in Rust, and the app compiles to Wasm that runs in the browser.Is it a front-end framework or a full-stack one?Front-end only: Yew targets the browser via WebAssembly. It is not JavaScript-based — you declare interactive HTML with Rust expressions through a macro, in a component style close to React.
Front-end only: Yew targets the browser via WebAssembly. It is not JavaScript-based — you declare interactive HTML with Rust expressions through a macro, in a component style close to React.How do I get a first app running?The README itself has no install steps and sends newcomers to the framework documentation. The getting-started guide at yew.rs walks you through installing Rust, adding the wasm32-unknown-unknown target and the Trunk bundler, then building the sample app.
The README itself has no install steps and sends newcomers to the framework documentation. The getting-started guide at yew.rs walks you through installing Rust, adding the wasm32-unknown-unknown target and the Trunk bundler, then building the sample app.Do I need React or JSX experience to pick it up?Not required, but it transfers directly: the README says developers experienced with JSX in React should feel quite at home, since Yew's HTML macro works the same way. Rust is the real prerequisite.
Not required, but it transfers directly: the README says developers experienced with JSX in React should feel quite at home, since Yew's HTML macro works the same way. Rust is the real prerequisite.Do I have to give up npm packages and my existing JavaScript code?No. Yew supports JavaScript interoperability, so you can leverage NPM packages and integrate Yew into existing JavaScript applications.
No. Yew supports JavaScript interoperability, so you can leverage NPM packages and integrate Yew into existing JavaScript applications.Who is it for, and what is the pitch over a typical JS framework?Rust developers building front-ends who want speed: Yew achieves high performance by minimizing DOM API calls on each page render and makes it easy to offload processing to background web workers.
Rust developers building front-ends who want speed: Yew achieves high performance by minimizing DOM API calls on each page render and makes it easy to offload processing to background web workers.What is the deal with the name Yew?It is named after a type of evergreen tree and is pronounced /juː/ — like 'you'. The README even links an audio entry in the Cambridge Dictionary.
It is named after a type of evergreen tree and is pronounced /juː/ — like 'you'. The README even links an audio entry in the Cambridge Dictionary.Is Yew built by a company or by the community?Community-driven: the README welcomes contributions big and small from developers of all backgrounds, runs a Discord chatroom for questions, and points newcomers to Good First Issues of varying complexity.
Community-driven: the README welcomes contributions big and small from developers of all backgrounds, runs a Discord chatroom for questions, and points newcomers to Good First Issues of varying complexity.Where can I find curated examples and libraries for Yew?The README points to jetli/awesome-yew, a community-curated list of awesome things related to Yew and WebAssembly.
The README points to jetli/awesome-yew, a community-curated list of awesome things related to Yew and WebAssembly.Is it free to use, including commercially?Yes. The repo is published under the Apache-2.0 license, so it is free for personal and commercial use.
Yes. The repo is published under the Apache-2.0 license, so it is free for personal and commercial use.Which topics is it in?emscripten, web-worker, jsx, multithreading, webassembly, frontend-framework, concurrency, web-framework, wasm, ui, web-app, web-development
emscripten, web-worker, jsx, multithreading, webassembly, frontend-framework, concurrency, web-framework, wasm, ui, web-app, web-development