Udibo React App is a React framework for building full-stack web applications with Deno.
On the frontend, it uses React Router to handle client side routing and React Helmet Async to manage all of your changes to metadata for your website. Client side routing enables a faster user experience by fetching the new data it needs for the next page when navigating your site instead of having to fetch and re-render a whole new page.
On the backend, it uses the Oak middleware framework for handling HTTP requests. If you are coming from using Node.js, the Oak middleware framework is very similar to Express but leverages async functions instead of callbacks to provide a better developer experience.
For bundling your user interface code for the browser, Udibo React App uses esbuild. It can generate bundles for your application very quickly. Udibo React App's dev script enables automatic rebuilds and reloads of your application as you make changes to it, which makes it so you can see the effects of your changes quickly.
Ontop of tying together those tools for the frontend and backend, Udibo React App provides file based routing for both the user interface and the API. Routes for the user interface will automatically be pre-rendered on the server by default, making your application load quickly.
Whether you're a beginner or an experienced developer, the Udibo React App framework is a valuable resource for learning and building robust web applications. It provides a solid foundation for creating scalable and performant projects, enabling developers to deliver high-quality software solutions.
- Supports TypeScript and JavaScript out of the box
- File based routing like Next.js, Remix and Fresh for both your application's UI and API
- Server side rendering
- Easy to extend
- Error boundaries that work both on the server and in the browser
- Quick builds with hot reloading
- Can run on the edge with Deno Deploy
The documentation for how to use all of the entrypoints for this framework's package can be found on JSR (@udibo/react-app).
In addition to that documentation for the code below is a list of guides for how to use the framework.
- Getting Started
- Configuration
- Development tools
- Routing
- HTTP Middleware
- Static Files
- Metadata
- Styling
- State Management
- Forms
- Error Handling
- Testing
- Logging
- CI/CD
To contribute, please read the contributing instruction.