{"id":20768715,"url":"https://github.com/sedadiriker/useparams-usenavigate-practice","last_synced_at":"2026-04-29T14:36:18.716Z","repository":{"id":233785019,"uuid":"787806619","full_name":"sedadiriker/useParams-useNavigate-Practice","owner":"sedadiriker","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-18T12:28:48.000Z","size":202,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-03T11:36:27.081Z","etag":null,"topics":["react-router","react-router-dom","useeffect","usenavigate","usenavigate-hook","useparams","useparams-hook","usestate"],"latest_commit_sha":null,"homepage":"https://hook-practice.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sedadiriker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-17T08:11:07.000Z","updated_at":"2024-04-18T12:28:54.000Z","dependencies_parsed_at":"2024-11-17T23:48:43.631Z","dependency_job_id":null,"html_url":"https://github.com/sedadiriker/useParams-useNavigate-Practice","commit_stats":null,"previous_names":["sedadiriker/useparams-usenavigate-practice"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sedadiriker/useParams-useNavigate-Practice","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sedadiriker%2FuseParams-useNavigate-Practice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sedadiriker%2FuseParams-useNavigate-Practice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sedadiriker%2FuseParams-useNavigate-Practice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sedadiriker%2FuseParams-useNavigate-Practice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sedadiriker","download_url":"https://codeload.github.com/sedadiriker/useParams-useNavigate-Practice/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sedadiriker%2FuseParams-useNavigate-Practice/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32429245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T13:34:34.882Z","status":"ssl_error","status_checked_at":"2026-04-29T13:34:29.830Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-router","react-router-dom","useeffect","usenavigate","usenavigate-hook","useparams","useparams-hook","usestate"],"created_at":"2024-11-17T11:40:35.947Z","updated_at":"2026-04-29T14:36:18.664Z","avatar_url":"https://github.com/sedadiriker.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## `useNavigate` Hook Nedir?\n\n`useNavigate` Hooku, React Router kütüphanesindeki bir hookdur ve React Router tarafından sağlanır. Bu hooku kullanarak, React uygulamanız içindeki farklı rotalara yönlendirme işlemlerini gerçekleştirebilirsiniz.\n\n## Kullanım\n\n1. İlk olarak, `useNavigate` hookunu bileşeninize import etmelisiniz:\n\n    ```javascript\n    import { useNavigate } from \"react-router-dom\";\n    ```\n\n2. Daha sonra, bileşeninizde `useNavigate` hookun kullanarak bir `navigate` işlevi alırsınız:\n\n    ```javascript\n    const navigate = useNavigate();\n    ```\n\n3. `navigate` işlevini kullanarak istediğiniz zaman belirli bir rotaya yönlendirme yapabilirsiniz. Örneğin:\n\n    ```javascript\n    navigate(\"/another-page\");\n    ```\n\n    Yukarıdaki örnekte, `/another-page` rotasına yönlendirme yapılıyor.\n\nBu şekilde, kullanıcı etkileşimleri veya belirli koşullar gerçekleştiğinde uygulamanızı farklı rotalara yönlendirebilirsiniz.\n\n\n## `useParams` Hook Nedir?\n\n`useParams` hooku, React Router kütüphanesindeki bir hookdur ve React Router tarafından sağlanır. Bu hooku kullanarak, URL'den parametre değerlerini alabilirsiniz. Özellikle, dinamik rotalarla çalışırken URL'den gelen parametreleri kullanmanız gerektiğinde `useParams` hookunu kullanabilirsiniz.\n\n## Kullanım\n\n1. İlk olarak, `useParams` hookunu bileşeninize import etmelisiniz:\n\n    ```javascript\n    import { useParams } from \"react-router-dom\";\n    ```\n\n2. Daha sonra, bileşeninizde `useParams` hookunu kullanarak URL'den parametre değerlerini alabilirsiniz:\n\n    ```javascript\n    const params = useParams();\n    ```\n\n3. `params` nesnesini kullanarak URL'den gelen parametre değerlerine erişebilirsiniz. Örneğin, bir URL'de `/user/:id` gibi bir parametre tanımlanmışsa:\n\n    ```javascript\n    const { id } = params;\n    ```\n\n    Yukarıdaki örnekte, URL'den gelen `id` parametre değerini `params` nesnesinden alıyoruz.\n\nBu şekilde, dinamik rotalarla çalışırken URL'den gelen parametre değerlerini bileşenlerinizde kullanabilirsiniz.\n\n\n## Error Handling (Hata İşleme)\n\nBu practice'de, Axios kütüphanesi kullanılarak dış API'ye yapılan isteklerde oluşabilecek hataları ele alır. `useState` hook'u kullanılarak hata durumu (`error`) izlenir. `useEffect` hook'u ve Axios ile yapılan API isteği sırasında oluşan hatalar, `error` durumu true olarak ayarlanır ve kullanıcıya uygun bir hata mesajı gösterilir.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsedadiriker%2Fuseparams-usenavigate-practice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsedadiriker%2Fuseparams-usenavigate-practice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsedadiriker%2Fuseparams-usenavigate-practice/lists"}