react-router
react-query
DISCONTINUED
Our great sponsors
react-router | react-query | |
---|---|---|
156 | 190 | |
51,756 | 27,869 | |
0.5% | - | |
9.6 | 9.1 | |
7 days ago | almost 2 years ago | |
TypeScript | TypeScript, JS | |
MIT License | 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.
react-router
-
Free Resources Every Web Developer Should Know About
React Router (https://reactrouter.com/)
-
Stateful React Pages using URLSearchParams and Local/Session Storage
React Router DOM provides an intuitive way of managing the URL search value of a webpage, it provides the useSearchParams hook that allows accessing the webpage URL search values and also changing the values without reloading the active webpage.
-
The 20 most used React libraries
react-router-dom: Simplifies client-side routing for multi-page web apps. Learn more
-
Where to study typescript from Beginner to Advanced with actual real examples??
https://github.com/primer/react https://github.com/remix-run/react-router
-
Want to raise the bar 💯
Hello and welcome! It's fantastic that you're looking to broaden your expertise in front-end development. Transitioning from Flutter to React and Angular is a great move, as it will provide you with a well-rounded skill set. ### Resources for Learning React: 1. **Official Documentation:** Start with the [official React documentation](https://reactjs.org/). It's well-written and comprehensive. 2. **React Fundamentals Courses:** Platforms like [freeCodeCamp](https://www.freecodecamp.org/) and [Codecademy](https://www.codecademy.com/) offer free React courses. 3. **React Hooks:** Understand the concept of hooks, a powerful feature in React. The [React Hooks documentation](https://reactjs.org/docs/hooks-intro.html) is a great resource. 4. **Project-Based Learning:** Build small projects to apply your knowledge. You can find ideas on platforms like [GitHub](https://github.com/) or [CodePen](https://codepen.io/). 5. **React Router:** Learn how to handle navigation in React using [React Router](https://reactrouter.com/). ### Resources for Learning Angular: 1. **Official Documentation:** Similar to React, start with the [official Angular documentation](https://angular.io/). 2. **Angular Tour of Heroes:** This is a hands-on tutorial provided in the Angular documentation. It's an excellent resource for getting started. 3. **Angular University:** [Angular University](https://angular-university.io/) offers comprehensive courses on Angular. 4. **RxJS:** Learn about reactive programming using RxJS, which is heavily used in Angular. You can find resources on the [official RxJS documentation](https://rxjs.dev/). 5. **Build Real-World Apps:** Build practical applications to solidify your understanding. The more you code, the better you'll become. ### Making a Mark in the Open-Source Front-End Space: 1. **GitHub Contributions:** Contribute to existing open-source projects. This not only helps you learn but also establishes your presence in the community. 2. **Create Your Projects:** Start small with your open-source projects. Share them on GitHub, and seek feedback from the community. 3. **Participate in Hackathons:** Join online hackathons or coding challenges. They're great for learning and networking. 4. **Follow Blogs and Newsletters:** Stay updated with the latest trends and best practices in the front-end world. Subscribe to newsletters like [JavaScript Weekly](https://javascriptweekly.com/) or [React Status](https://react.statuscode.com/). 5. **Join Forums and Communities:** Engage with developers on platforms like [Stack Overflow](https://stackoverflow.com/) or specialized forums for React and Angular. Remember, the key is consistent practice and learning by doing. Good luck on your journey, and feel free to reach out if you have more questions! 🚀
-
The art of conditional rendering: Tips and tricks for React and Next.js developers
Conditional rendering also enables client-side routing in single-page React apps, such as the react-router package.
-
13 Must Know Libraries for a React Developer
React Router is the most popular library to implement routing in React apps. It has more than 50K stars on GitHub and more than 10 million weekly downloads on NPM and it's built by the same team behind the popular Remix framework of React.
-
Building a React/Express Stripe Donation Form
My preferred React stack is Vite (it’s french for fast), MUI (with icons), React Query, and React Router. I’m also a heathen who refuses to learn Typescript. In this case, because it’s an incredibly simple plug-in, we won’t be using a router.
-
How are you building React applications? It's time to move on from Create React App
Next.js provides native TypeScript support requiring a zero-configuration approach to using TypeScript in your projects. Next.js also includes a built in router without the need to include additional libraries such as React Router. All-in-all, there is a long list of features provided by Next.js such as:
-
React SPA is a template project for creating single-page applications (SPAs) using React.
React Router: Includes pre-configured routing using React Router.
react-query
-
20 Essential Parts Of Any Large Scale React App
react-query
-
Some Very Cool (Underrated maybe) React Libraries
React Query: This library makes it easy to manage data in your React applications, from fetching to caching and updating data. It offers a simple, powerful, and flexible API for handling data and keeping your UI in sync with your data. https://github.com/tannerlinsley/react-query
-
Do I need a fetching library in React?
useQuery (react-query) (+) all from above (+) even more features (-) more complex, even the examples are complex, has more aggressive defaults (re-fetching every 2s)
-
Is there any redux-saga equivalent for zustand?
see here Overview
-
React Query Codegen from OpenAPI
Rapini is a new tool that can generate custom React Query hooks using OpenAPI (Swagger) files.
-
Managing application cache with react-query, and code generation.
At this point, I want to move on to the react-query cache management library. Give a brief overview and see how you can improve your developer experience with cache using this library.
-
What would you consider to be a must for a modern 2022 dev stack?
react-query is pretty neat too. I default to that for most projects unless it's something unusual
-
Zodios : an open source HTTP client with type checking at both compile time and runtime (part 2/3)
Zodios also has some React Hooks. Behind the scene, Zodios is using react-query. You can also use your alias for hooks. They will be automatically prefixed with use. For example, alias getUsers can be used with useGetUsers hook.
-
Build end-to-end typesafe APIs with tRPC
tRPC is a built on top of react-query, which is a package for fetching, caching, and updating data without the need of any global state. We are also using zod for schema and input validations. You can also use other validation libraries like yup, Superstruct, etc. Read more.
-
Leveraging the `key` prop to re-render Storybook stories
I've written a fair amount about combining Storybook (SB), react-query (RQ), and Mock Service Worker (MSW) (see related posts below). I finally solved another piece of the puzzle for a better developer experience: forcing RQ queries to refetch after changing a control in SB that influences a response from MSW.
What are some alternatives?
SWR - React Hooks for Data Fetching
axios - Promise based HTTP client for the browser and node.js
redux-saga - An alternative side effect model for Redux apps
rtk-query - Data fetching and caching addon for Redux Toolkit
zustand - 🐻 Bear necessities for state management in React
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
urql - The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
wouter - 🥢 A minimalist-friendly ~2.1KB routing for React and Preact
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
react-relay - Relay is a JavaScript framework for building data-driven React applications.
react-toastify - React notification made easy 🚀 !
next-auth - Authentication for the Web.