Search Results for "routing"

EpicReact.Dev is the codebase used in the “Build an Epic React App” workshop, where participants build a complete React application from scratch. The project demonstrates how to structure a modern React app, including data modeling, authentication, routing, testing, and interaction with a backend. It uses a realistic “bookshelf” domain where users can manage lists of books, track reading status, and record notes, which provides a concrete context for learning. The repository includes setup scripts and system requirements checks for Git, Node, and npm, plus Docker and Codespaces options for people who struggle with local environments. ...

vue2-elm is a hands-on Vue 2 application that recreates the core experience of the Ele.me food-delivery app to teach modern front-end architecture. It uses Vue components, routing, and state management to stitch together pages like restaurant listings, detail views, carts, and user flows. The project illustrates how to organize a medium-sized SPA, including how to split features into reusable pieces and handle asynchronous data. It places strong emphasis on responsive UI, transitions, and user feedback patterns that feel app-like on mobile devices. ...

Mithril is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box. Mithril is used by companies like Vimeo and Nike, and open source platforms like Lichess. Mithril supports IE11, Firefox ESR, and the last two versions of Firefox, Edge, Safari, and Chrome. No polyfills required. By default, Mithril views are described using hyperscript. Hyperscript offers a terse syntax that can be indented more naturally than HTML for complex tags, and since its syntax is just JavaScript, it's possible to leverage a lot of JavaScript tooling ecosystem. ...

...Workbox is a library that bakes in a set of best practices and removes the boilerplate every developer writes when working with service workers. Precaching, runtime caching, strategies, request routing, background sync, and helpful debugging. Wish you could rely on Google Fonts being available offline after the user has visited your site? Add a quick rule to serve them from the cache. Make your JS and CSS fast by returning the assets from the cache, while making sure they are updated in the background for the next use.

...Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for both SPA's and SSR applications into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Preact, Vue, Svelte, and Angular, and most importantly, whatever comes next. Razzle has many examples, we might have one that fits your needs. You don't need to worry about setting up multiple webpack configs or other build tools. Just start editing src/App.js and go! ...

...It allows you to change and iterate your design without rewriting the logic of your implementation. Remember, one great thing about this approach is that all of the Swagger validation logic is handled for you, and all of the routing logic is managed through the Swagger configuration. You don't have to code (or recode!) any of that stuff yourself.