GithubHelp home page GithubHelp logo

react-router-website's People

Contributors

aakashsardana avatar brophdawg11 avatar chaance avatar dependabot[bot] avatar github-actions[bot] avatar iamyoungbossy avatar jimniels avatar machour avatar mcansh avatar michaeldeboey avatar mjackson avatar psullivan6 avatar rakleed avatar ryanflorence avatar sinchang avatar xhomu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-router-website's Issues

Tutorial: confirm in contact.jsx

I was receiving an error stating "Unexpected use of 'confirm'"
image

I was able to resolve this by adding window.confirm instead of just confirm
image

[Bug]: `useLocation` docs url on vs code redirect to a 404 page

What version of React Router are you using?

6.4.3

Steps to Reproduce

  • Create a simple react project with react-router 6.4.3
  • Call the useLocation hook -> const location = useLocation()
  • Hover the useLocation() and a pop-up will appear:

image

- If you press on the url, it returns a 404 page because it redirects to https://reactrouter.com/en/6.5.0/docs/en/v6/hooks/use-location instead of https://reactrouter.com/en/main/hooks/use-location or something like that

Expected Behavior

Redirecting to the useLocation() docs page

Actual Behavior

Redirecting to 404 page

Edit: All the hooks docs url are wrong. The problem here is that i'm using an old react router version (6.4.3) instead of the main one (6.5.0)

[Feature Request]: Add 'Copy' Button to Code Samples in Documentation

Description:

I'd like to propose a feature for the official React Router documentation website. While going through the various examples in the documentation, I noticed that there isn't a straightforward way to copy the code samples.

Feature Description:

It would be extremely helpful if a 'Copy' button could be added to each of the code blocks within the documentation. This button would allow users to instantly copy the code samples to their clipboard, reducing the chance of copying errors and saving time.

Benefits:

  • Increased efficiency: This feature would allow developers to easily copy and paste code into their IDE without needing to manually select and copy the code, saving time and effort.
  • Reduced error potential: By enabling one-click copying, we can minimize the chance of copying errors that might occur when users manually select code blocks.
  • Improved user experience: This feature would make the documentation more user-friendly and increase its utility for developers of all experience levels.

I believe this would be a valuable addition to the React Router documentation, and I'd be happy to discuss it further if needed.

issue with example We have an example for this: https://github.com/remix-run/react-router/tree/dev/examples/auth

          We have an example for this: https://github.com/remix-run/react-router/tree/dev/examples/auth

Originally posted by @timdorr in remix-run/react-router#10206 (comment)

Sorry, not shure is there a bug or stackblitz fault, but

$ vite
failed to load config from /home/projects/mkligxplv.github/vite.config.ts
error when starting dev server:
Error: The package "@esbuild/linux-x64" could not be found, and is needed by esbuild.

on https://stackblitz.com/github/remix-run/react-router/tree/main/examples/auth?file=src%2FApp.tsx

Fix www redirections

http://www.reactrouter.com and https://www.reactrouter.com currently show a 500 error.
Should redirect to https://reactrouter.com instead.

[Docs]: Documentation Light/Dark Theme

Describe what's incorrect/missing in the documentation

I noticed some misbehavior in the functionality when changing themes in React Router Docs.
The theme is changing back or back and forth between dark/light when you:

  1. click on the theme icon and change the theme and then immediately click on the h2 (for example in the Tutorial page heading with the id="data-writes--html-forms") or
  2. clicking on the empty space between the main text and the sidebar with the headings

This is checked on both Chrome (Version 118.0.5993.117 ) and Firefox (Version 118.0.5993.117 )

changeThemeProblem

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.