wouter
Microbundle
Our great sponsors
wouter | Microbundle | |
---|---|---|
19 | 18 | |
6,108 | 7,934 | |
- | - | |
9.5 | 4.1 | |
9 days ago | 11 days ago | |
TypeScript | JavaScript | |
The Unlicense | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
wouter
-
Finally switched to Vite after CRA.
We're using wouter with great success. It's simple and effective for what we need from a router
- What is your biggest pain as a Flutter developer?
- An alternative to react router
-
Is React Router V6 over-engineered?
If you feel like React Router is a bit too over-engineered and you just need simple routing, you can have a look at https://github.com/molefrog/wouter
- Didn't realize so many others are also a bit tired of React Router. I ended up porting my app over to Wouter.
-
Switched from Next.js to Remix.js and Loving it.
I changed over to using wouter instead of react-router, and I love it!
-
Why is my Single Page App sometimes reloading the nav bar between page transitions?
Just to add alternatives. I'm a fan of Wouter its 1/10th in size compared with react-router.
-
Project without React router library
Other options than react-router are also available, like wouter, if you can't use react-router for some specific reason.
-
Is building a big project/website/app with React a mistake?
Single page just means one index.html is served and then JavaScript takes over to display content. You can use a client side router to simulate pages. There are some to choose from, I can recommend wouter. https://github.com/molefrog/wouter
-
How I got a remote job without a degree nor experience
Routing: At this point you should understand how routing in React works. You can use react-router to enhance it. There is a small library called wouter which you might want to have a look at.
Microbundle
-
How to Build and Publish Your First React NPM Package
To begin, you need to prepare your environment. A few ways to build a React package include tools like Bit, Storybook, Lerna, and TSDX. However, for this tutorial, you will use a zero-configuration bundler for tiny modules called Microbundle.
-
micro-ts , a minimalist template to build packages with TypeScript
I discovered microbundle lately, and I would like to share with you a mini template with the bare essentials and comfort to develop your packages with TypeScript.
- How to create a component library?
-
How do I properly learn Typescript?
For package authoring - microbundle is a handy boilerplate (I would avoid tsdx personally - it’s basically been abandoned for turborepo but that’s not apparent at first glance).
-
What I learned from making my first OSS NPM package/Component Library
My tech stack was React + Typescript, Storybook for docs, vite.js for build instead of webpack, microbundle for bundling (basically a no-config rollup wrapper), and Google's release please bot for handling release/deployment.
-
Microbundle is not enough
Setting up a modern Typescript or Javascript development stack is a daunting task, there are a lot of moving parts, and sometimes the whole process seems like magic, so I switched to Microbundle. While microbundle handles the compilation, there are a lot of other moving parts that need to be set up to start developing with Nodejs/Typescript (CI, tests, linting, etc). So I've created an opinionated template repository with Typescript, Microbundle, Jest, eslint, husky, prettier, github actions, pnpm, and a bunch of other scripts. It enables me to start developing a library immediately by using the repository as a starter template. Let me know what you think and if some processes could be improved, or some valuable tools that could be added. Pull requests and suggestions are welcomed.
-
Creating a react library, why bundle to ESM?
I would recommend starting by using https://github.com/developit/microbundle , as it has pretty good default behavior for generating library output.
-
Beginner's Thread / Easy Questions (November 2021)
Check out microbundle, which is what TSDX started as a typescript alternative to.
-
I want to create a component library.
I’m quite happy with Microbundle
-
Microbundle VS bundle - a user suggested alternative
2 projects | 17 Sep 2021
What are some alternatives?
react-router - Declarative routing for React
tsdx - Zero-config CLI for TypeScript package development
react-router-redux
Rollup - Next-generation ES module bundler
react-breadcrumbs - Automatic breadcrumbs for React-Router
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Router5 - Flexible and powerful universal routing solution
lerna-with-nextjs
react-router-component - Declarative router component for React.
parcel - The zero configuration build tool for the web. 📦🚀
universal-router - A simple middleware-style router for isomorphic JavaScript web apps
Speed Measure Plugin - ⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds