Top 23 JavaScript react-router Projects
-
reactjs-interview-questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
Here is a good GitHub repo with over 200 questions and answer. React Interview Questions and Answers. They will probably just ask questions like virtual dom, state, props, hooks, and lifecycles. Most interviews I’ve done only covered those and didn’t get too deep into react under the hood. Good luck tomorrow!
-
Project mention: How to use client-side only packages with SSR in Gatsby and Next.js | dev.to | 2022-05-07
The library @loadable/component allows you to dynamically import components to your project, so they don't get rendered on the server. The following component uses leaflet, a library similar to google maps that only supports client-side rendering:
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: connected-react-router - You should not use <Route> outside a <Router> | reddit.com/r/codehunter | 2022-04-19
Even if I look at the basic example on their GitHub, there is a similar coding pattern.
-
Project mention: Azure Trial Hackathon - Moodflix - your mood, our suggestions | dev.to | 2022-02-21
Davide is a Frontend Engineer and he is well-known for his famous repository Fakeflix on GitHub. He has been responsible for the whole UI of this project, starting from the design of the logo up to every line of code in React.
-
7. Rekit Studio
-
Project mention: 9 Must-have React Developer Tools to Create Better Apps Faster | dev.to | 2022-04-04
Source
-
redux-auth-wrapper
A React Higher Order Component (HOC) for handling Authentication and Authorization with Routing and Redux
redux-auth-wrapper: A higher order component sounds great but I still cannot figure out how to integrate it without any dedicated Login component.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
react-dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
git clone -o react-dashboard -b master --single-branch \ https://github.com/flatlogic/react-dashboard.git
-
Project mention: 15 Tailwind CSS admin dashboard templates, both free and paid | dev.to | 2022-03-03
Demo | Get it here
-
-
Project mention: Django SEO: sitemaps urls pointing to React pages | reddit.com/r/django | 2022-05-01
You can also take a look at react-router-sitemap
-
cwg-react-starter
Pre-configured and Ready to use React Starter App. To save time in settings things up for new project. Almost everything needed is already configured. Just clone and start developing without wasting time in doing same stuffs for every project. (#codewithghazi)
-
use-react-router-breadcrumbs
tiny, flexible, hook for rendering route breadcrumbs with react-router v6
Project mention: Any tips for making a breadcrumb with react router v6? | reddit.com/r/reactjs | 2022-03-01I've used this one, was a little bit trickier for my advanced use case, but still manageable. https://github.com/icd2k3/use-react-router-breadcrumbs
-
Project mention: Hey devs and fellow students. Flex Time. | reddit.com/r/developersIndia | 2021-12-18
Backend (Node, Socket.io) https://github.com/sauravhiremath/fifa-api
-
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
Project mention: React to the React App: How to hard reload your React Web App? | dev.to | 2022-01-19We’re going to use the Wednesday react template as a starter project. This is a project we use as a base across all the react projects at Wednesday.
-
-
ecommerce-store-reactjs-stripe-oauth2
This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.Built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.
6.Products detailed page:If you are coding in React then you can use React Router to create a product detailed page.You can fetch the data from external api or the local file. Example:Github Repository Link
-
Project mention: Hey devs and fellow students. Flex Time. | reddit.com/r/developersIndia | 2021-12-18
Client side (based on React) https://github.com/sauravhiremath/fifa
-
vite-react-tailwind-jit
This template allows you to quickly scaffold a React project with React Router, TailwindCss with JIT Compiler and vite as a bundler. We use Vite because it's much faster than webpack. We use tailwindcss JIT compiler because it makes tailwindcss build time negligible and offers more features.
Project mention: Vite + React + React Router + Tailwindcss JIT Template | reddit.com/r/reactjs | 2021-09-10Hey guys, I've created a template that you can use to quickly create react project with Vite and TailwindCss with JIT compiler. https://github.com/vivekascoder/vite-react-tailwind-jit
-
cra-template-redux-auth-starter
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.
-
-
sos-animals
This app will help abandoned animals get help from Animal welfare organizations all over the world when people reporting them via this app.
I will update my second project SOS Animals.
-
crossroad
🛣 A React library to handle navigation in your WebApp. Built with simple components and React Hooks so your code is cleaner. (by franciscop)
Project mention: Show HN: React Routing in 120 lines (including comments) | news.ycombinator.com | 2022-05-131kb is likely a lot more than what is shown here; I made a "tiny" but very complete React Router package which is very complete and minified+gzip it's just 1.8kb https://crossroad.page/
JavaScript react-router related posts
- Are there any role model githubs that may inspire my own when applying competitively to MANGA?
- How to use client-side only packages with SSR in Gatsby and Next.js
- UI-Colors | Inspired by Flat UI Colors - You can copy colors, create your own palette of colors, save colors to local storage, change opacity of colors, change color format from hex to rgb to rgba.
- Tips for tomorrow's interview
- Getting error "Path" argument must be string while deploying React - Loadable components sample code in cloud functions
- connected-react-router - You should not use <Route> outside a <Router>
- Checkout Rhino, a simplistic expense tracker built using React & Firebase
Index
What are some of the best open-source react-router projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | reactjs-interview-questions | 20,638 |
2 | loadable-components | 6,577 |
3 | connected-react-router | 4,694 |
4 | Fakeflix | 4,509 |
5 | rekit | 4,486 |
6 | React-Sight | 2,761 |
7 | redux-auth-wrapper | 2,174 |
8 | react-dashboard | 1,414 |
9 | windmill-dashboard-react | 654 |
10 | django-react-boilerplate | 500 |
11 | react-router-sitemap | 220 |
12 | cwg-react-starter | 158 |
13 | use-react-router-breadcrumbs | 154 |
14 | fifa-api | 74 |
15 | react-template | 48 |
16 | mern-stack-application | 44 |
17 | ecommerce-store-reactjs-stripe-oauth2 | 29 |
18 | fifa | 25 |
19 | vite-react-tailwind-jit | 25 |
20 | cra-template-redux-auth-starter | 23 |
21 | Google-Photos-Clone | 20 |
22 | sos-animals | 11 |
23 | crossroad | 9 |
Are you hiring? Post a new remote job listing for free.