René's URL Explorer Experiment


Title: feat(http): helpers/guides for short polling · Issue #2822 · angular/angular · GitHub

Open Graph Title: feat(http): helpers/guides for short polling · Issue #2822 · angular/angular

X Title: feat(http): helpers/guides for short polling · Issue #2822 · angular/angular

Description: Short polling consists of an application requesting data from the same endpoint at a specified interval (i.e. request any new comments on this github issues every 10 seconds), as opposed to long polling, which consists of making a reques...

Open Graph Description: Short polling consists of an application requesting data from the same endpoint at a specified interval (i.e. request any new comments on this github issues every 10 seconds), as opposed to long po...

X Description: Short polling consists of an application requesting data from the same endpoint at a specified interval (i.e. request any new comments on this github issues every 10 seconds), as opposed to long po...

Opengraph URL: https://github.com/angular/angular/issues/2822

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"feat(http): helpers/guides for short polling","articleBody":"Short polling consists of an application requesting data from the same endpoint at a specified interval (i.e. request any new comments on this github issues every 10 seconds), as opposed to long polling, which consists of making a request, and the backend waiting to complete that request until there's data to send. (i.e. request new comments on a github issue, wait until comments are returned, then open a new request). \n\nWith RxJS, short polling is relatively easy to do, if one understands semantics of Rx well enough. \n\nExample (Some Http APIs shown here are not yet implemented):\n\n``` typescript\nvar lastCommentsUpdatedTime = '';\nvar requestOptions = new RequestOptions({\n  url: 'https://api.github.com/repos/angular/angular/issues/123/comments',\n  params: {\n    sort: 'updated',\n    since: lastCommentsTime\n  }\n});\n// Create an observable that emits a new value every 5 seconds\nRx.Observable.interval(5000)\n  //Create new http request, automatically cancel any pending requests.\n  .flatMapLatest((_) =\u003e {\n    var request = new Request(requestOptions.merge({\n      params: {\n        since: lastCommentsTime\n      }\n    }));\n    //Return Observable\n    return http.request(request);\n  })\n  //Get the response body\n  .map(res =\u003e res.json())\n  //Set the timestamp of last comments updated\n  .do(comments =\u003e this.lastCommentsUpdatedTime = comments \u0026\u0026 comments.length ? comments[0].updatedAt : this.lastCommentsUpdatedTime)\n  //Give the new or updated comments to the view to handle displaying the comments.\n  .subscribe(comments =\u003e this.appendOrMergeComments(comments));\n```\n\nThe only part about this that I think requires deeper Rx understanding is the creation of the interval observable and piping it into the function to generate the request. Perhaps this could be made simpler, and could also be made to provide similar functionality to Dart Streams.\n\nIn addition to providing framework help, there should be good docs on how to properly do polling with `Http`.\n","author":{"url":"https://github.com/jeffbcross","@type":"Person","name":"jeffbcross"},"datePublished":"2015-07-01T18:41:45.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/2822/angular/issues/2822"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:0e552c10-cbd9-9b86-ca39-67c966f0dfb2
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idD996:137F5:580A9A:753FF6:6A5FCE39
html-safe-noncebfc1a9677c35cd7198269344b9fe3e0788f831c4bc00aa39389119e6e4c08aad
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJEOTk2OjEzN0Y1OjU4MEE5QTo3NTNGRjY6NkE1RkNFMzkiLCJ2aXNpdG9yX2lkIjoiNzAwNTQxMjc5MTk3MDQxODIzNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac5cbc36b774f227d0eef980cddc3d97cd096de96f3cb93a118102a93d328f70c2
hovercard-subject-tagissue:92458119
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/angular/angular/2822/issue_layout
twitter:imagehttps://opengraph.githubassets.com/7620a9fcb4fac55c9e71b7329f59fb62680a010585be3146ed0e16fdc7698cbc/angular/angular/issues/2822
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/7620a9fcb4fac55c9e71b7329f59fb62680a010585be3146ed0e16fdc7698cbc/angular/angular/issues/2822
og:image:altShort polling consists of an application requesting data from the same endpoint at a specified interval (i.e. request any new comments on this github issues every 10 seconds), as opposed to long po...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamejeffbcross
hostnamegithub.com
expected-hostnamegithub.com
None53a28a7799cbf673993ab89fc44869fea4c4a6545a861a4d1445e83e8d03aabd
turbo-cache-controlno-preview
go-importgithub.com/angular/angular git https://github.com/angular/angular.git
octolytics-dimension-user_id139426
octolytics-dimension-user_loginangular
octolytics-dimension-repository_id24195339
octolytics-dimension-repository_nwoangular/angular
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id24195339
octolytics-dimension-repository_network_root_nwoangular/angular
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releasedc08399f879d576f0edbb8c52a0a1a30d498b203
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/angular/angular/issues/2822#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular%2Fissues%2F2822
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular%2Fissues%2F2822
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=angular%2Fangular
Reloadhttps://github.com/angular/angular/issues/2822
Reloadhttps://github.com/angular/angular/issues/2822
Reloadhttps://github.com/angular/angular/issues/2822
Please reload this pagehttps://github.com/angular/angular/issues/2822
angular https://github.com/angular
angularhttps://github.com/angular/angular
Notifications https://github.com/login?return_to=%2Fangular%2Fangular
Fork 27.5k https://github.com/login?return_to=%2Fangular%2Fangular
Star 101k https://github.com/login?return_to=%2Fangular%2Fangular
Code https://github.com/angular/angular
Issues 977 https://github.com/angular/angular/issues
Pull requests 159 https://github.com/angular/angular/pulls
Discussions https://github.com/angular/angular/discussions
Actions https://github.com/angular/angular/actions
Projects https://github.com/angular/angular/projects
Security and quality 24 https://github.com/angular/angular/security
Insights https://github.com/angular/angular/pulse
Code https://github.com/angular/angular
Issues https://github.com/angular/angular/issues
Pull requests https://github.com/angular/angular/pulls
Discussions https://github.com/angular/angular/discussions
Actions https://github.com/angular/angular/actions
Projects https://github.com/angular/angular/projects
Security and quality https://github.com/angular/angular/security
Insights https://github.com/angular/angular/pulse
feat(http): helpers/guides for short pollinghttps://github.com/angular/angular/issues/2822#top
effort2: dayshttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22effort2%3A%20days%22
featureLabel used to distinguish feature request from other issueshttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22feature%22
state: Needs Designhttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22state%3A%20Needs%20Design%22
https://github.com/jeffbcross
jeffbcrosshttps://github.com/jeffbcross
on Jul 1, 2015https://github.com/angular/angular/issues/2822#issue-92458119
effort2: dayshttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22effort2%3A%20days%22
featureLabel used to distinguish feature request from other issueshttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22feature%22
state: Needs Designhttps://github.com/angular/angular/issues?q=state%3Aopen%20label%3A%22state%3A%20Needs%20Design%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.