{"action":"created","comment":{"url":"https://api.github.com/repos/CartoDB/airship/pulls/comments/221875942","pull_request_review_id":160627075,"id":221875942,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIyMTg3NTk0Mg==","diff_hunk":"@@ -0,0 +1,196 @@\n+This guide will lead you through the process of integrating Airship in [React.js](https://reactjs.org/).\n+\n+>  We are working on React bindings that offer a better developer experience in the future.\n+\n+## Including Styles\n+\n+Install `airship-style` package and \n+\n+ ```\n+npm i @carto/airship-style\n+```\n+\n+Load the styles into your code\n+\n+```css\n+@import '@carto/airship-style/dist/airship.css';\n+```\n+\n+## Web components\n+\n+A web component is just an HTML tag with some attributes that control its behaviour. Simply include the HTML tag, and edit its properties through attributes or through javascript as you would do with a normal HTML element.\n+\n+To render a web component simply include its tag inside the REACT render function:\n+\n+\n+```jsx\n+render() {\n+  <as-infowindow src=\"https://thecatsite.com/styles/thecatsite/xenforo/sources/notice3.png\"></as-infowindow>\n+}\n+```\n+\n+\n+## Loading web components\n+\n+Install `airship-components` package \n+\n+```\n+npm i @carto/airship-components\n+```\n+\n+In the entry point of your application call `defineCustomElements` pasing `window` as a parameter. Once you do this this, all airship components","path":"docs/guides/10-integrating-react.md","position":41,"original_position":41,"commit_id":"e0d0da5c8f2c40c47c28784ebd2ff3d6ec7365c3","original_commit_id":"976575b962d6c3b221911350ad4a6a94302bb185","user":{"login":"ivanmalagon","id":1078228,"node_id":"MDQ6VXNlcjEwNzgyMjg=","avatar_url":"https://avatars0.githubusercontent.com/u/1078228?v=4","gravatar_id":"","url":"https://api.github.com/users/ivanmalagon","html_url":"https://github.com/ivanmalagon","followers_url":"https://api.github.com/users/ivanmalagon/followers","following_url":"https://api.github.com/users/ivanmalagon/following{/other_user}","gists_url":"https://api.github.com/users/ivanmalagon/gists{/gist_id}","starred_url":"https://api.github.com/users/ivanmalagon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ivanmalagon/subscriptions","organizations_url":"https://api.github.com/users/ivanmalagon/orgs","repos_url":"https://api.github.com/users/ivanmalagon/repos","events_url":"https://api.github.com/users/ivanmalagon/events{/privacy}","received_events_url":"https://api.github.com/users/ivanmalagon/received_events","type":"User","site_admin":false},"body":"passing*","created_at":"2018-10-02T09:08:37Z","updated_at":"2018-10-02T09:09:29Z","html_url":"https://github.com/CartoDB/airship/pull/327#discussion_r221875942","pull_request_url":"https://api.github.com/repos/CartoDB/airship/pulls/327","author_association":"CONTRIBUTOR","_links":{"self":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/comments/221875942"},"html":{"href":"https://github.com/CartoDB/airship/pull/327#discussion_r221875942"},"pull_request":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/327"}}},"pull_request":{"url":"https://api.github.com/repos/CartoDB/airship/pulls/327","id":217675346,"node_id":"MDExOlB1bGxSZXF1ZXN0MjE3Njc1MzQ2","html_url":"https://github.com/CartoDB/airship/pull/327","diff_url":"https://github.com/CartoDB/airship/pull/327.diff","patch_url":"https://github.com/CartoDB/airship/pull/327.patch","issue_url":"https://api.github.com/repos/CartoDB/airship/issues/327","number":327,"state":"open","locked":false,"title":"Add first react guide","user":{"login":"IagoLast","id":2657897,"node_id":"MDQ6VXNlcjI2NTc4OTc=","avatar_url":"https://avatars0.githubusercontent.com/u/2657897?v=4","gravatar_id":"","url":"https://api.github.com/users/IagoLast","html_url":"https://github.com/IagoLast","followers_url":"https://api.github.com/users/IagoLast/followers","following_url":"https://api.github.com/users/IagoLast/following{/other_user}","gists_url":"https://api.github.com/users/IagoLast/gists{/gist_id}","starred_url":"https://api.github.com/users/IagoLast/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IagoLast/subscriptions","organizations_url":"https://api.github.com/users/IagoLast/orgs","repos_url":"https://api.github.com/users/IagoLast/repos","events_url":"https://api.github.com/users/IagoLast/events{/privacy}","received_events_url":"https://api.github.com/users/IagoLast/received_events","type":"User","site_admin":false},"body":"Fixes #324  \r\n---","created_at":"2018-09-24T14:26:50Z","updated_at":"2018-10-02T09:09:29Z","closed_at":null,"merged_at":null,"merge_commit_sha":"acf5dbb0957f6512f048e47545f3b1306bff59f2","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/CartoDB/airship/pulls/327/commits","review_comments_url":"https://api.github.com/repos/CartoDB/airship/pulls/327/comments","review_comment_url":"https://api.github.com/repos/CartoDB/airship/pulls/comments{/number}","comments_url":"https://api.github.com/repos/CartoDB/airship/issues/327/comments","statuses_url":"https://api.github.com/repos/CartoDB/airship/statuses/e0d0da5c8f2c40c47c28784ebd2ff3d6ec7365c3","head":{"label":"CartoDB:324-guides-integration-with-react","ref":"324-guides-integration-with-react","sha":"e0d0da5c8f2c40c47c28784ebd2ff3d6ec7365c3","user":{"login":"CartoDB","id":1799254,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE3OTkyNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1799254?v=4","gravatar_id":"","url":"https://api.github.com/users/CartoDB","html_url":"https://github.com/CartoDB","followers_url":"https://api.github.com/users/CartoDB/followers","following_url":"https://api.github.com/users/CartoDB/following{/other_user}","gists_url":"https://api.github.com/users/CartoDB/gists{/gist_id}","starred_url":"https://api.github.com/users/CartoDB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CartoDB/subscriptions","organizations_url":"https://api.github.com/users/CartoDB/orgs","repos_url":"https://api.github.com/users/CartoDB/repos","events_url":"https://api.github.com/users/CartoDB/events{/privacy}","received_events_url":"https://api.github.com/users/CartoDB/received_events","type":"Organization","site_admin":false},"repo":{"id":119569997,"node_id":"MDEwOlJlcG9zaXRvcnkxMTk1Njk5OTc=","name":"airship","full_name":"CartoDB/airship","private":false,"owner":{"login":"CartoDB","id":1799254,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE3OTkyNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1799254?v=4","gravatar_id":"","url":"https://api.github.com/users/CartoDB","html_url":"https://github.com/CartoDB","followers_url":"https://api.github.com/users/CartoDB/followers","following_url":"https://api.github.com/users/CartoDB/following{/other_user}","gists_url":"https://api.github.com/users/CartoDB/gists{/gist_id}","starred_url":"https://api.github.com/users/CartoDB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CartoDB/subscriptions","organizations_url":"https://api.github.com/users/CartoDB/orgs","repos_url":"https://api.github.com/users/CartoDB/repos","events_url":"https://api.github.com/users/CartoDB/events{/privacy}","received_events_url":"https://api.github.com/users/CartoDB/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/CartoDB/airship","description":"A design library for building Location Intelligence applications.","fork":false,"url":"https://api.github.com/repos/CartoDB/airship","forks_url":"https://api.github.com/repos/CartoDB/airship/forks","keys_url":"https://api.github.com/repos/CartoDB/airship/keys{/key_id}","collaborators_url":"https://api.github.com/repos/CartoDB/airship/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/CartoDB/airship/teams","hooks_url":"https://api.github.com/repos/CartoDB/airship/hooks","issue_events_url":"https://api.github.com/repos/CartoDB/airship/issues/events{/number}","events_url":"https://api.github.com/repos/CartoDB/airship/events","assignees_url":"https://api.github.com/repos/CartoDB/airship/assignees{/user}","branches_url":"https://api.github.com/repos/CartoDB/airship/branches{/branch}","tags_url":"https://api.github.com/repos/CartoDB/airship/tags","blobs_url":"https://api.github.com/repos/CartoDB/airship/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/CartoDB/airship/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/CartoDB/airship/git/refs{/sha}","trees_url":"https://api.github.com/repos/CartoDB/airship/git/trees{/sha}","statuses_url":"https://api.github.com/repos/CartoDB/airship/statuses/{sha}","languages_url":"https://api.github.com/repos/CartoDB/airship/languages","stargazers_url":"https://api.github.com/repos/CartoDB/airship/stargazers","contributors_url":"https://api.github.com/repos/CartoDB/airship/contributors","subscribers_url":"https://api.github.com/repos/CartoDB/airship/subscribers","subscription_url":"https://api.github.com/repos/CartoDB/airship/subscription","commits_url":"https://api.github.com/repos/CartoDB/airship/commits{/sha}","git_commits_url":"https://api.github.com/repos/CartoDB/airship/git/commits{/sha}","comments_url":"https://api.github.com/repos/CartoDB/airship/comments{/number}","issue_comment_url":"https://api.github.com/repos/CartoDB/airship/issues/comments{/number}","contents_url":"https://api.github.com/repos/CartoDB/airship/contents/{+path}","compare_url":"https://api.github.com/repos/CartoDB/airship/compare/{base}...{head}","merges_url":"https://api.github.com/repos/CartoDB/airship/merges","archive_url":"https://api.github.com/repos/CartoDB/airship/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/CartoDB/airship/downloads","issues_url":"https://api.github.com/repos/CartoDB/airship/issues{/number}","pulls_url":"https://api.github.com/repos/CartoDB/airship/pulls{/number}","milestones_url":"https://api.github.com/repos/CartoDB/airship/milestones{/number}","notifications_url":"https://api.github.com/repos/CartoDB/airship/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/CartoDB/airship/labels{/name}","releases_url":"https://api.github.com/repos/CartoDB/airship/releases{/id}","deployments_url":"https://api.github.com/repos/CartoDB/airship/deployments","created_at":"2018-01-30T17:28:26Z","updated_at":"2018-10-02T07:54:58Z","pushed_at":"2018-10-02T09:05:25Z","git_url":"git://github.com/CartoDB/airship.git","ssh_url":"git@github.com:CartoDB/airship.git","clone_url":"https://github.com/CartoDB/airship.git","svn_url":"https://github.com/CartoDB/airship","homepage":"https://carto.com/airship","size":8010,"stargazers_count":38,"watchers_count":38,"language":"TypeScript","has_issues":true,"has_projects":false,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":5,"mirror_url":null,"archived":false,"open_issues_count":54,"license":null,"forks":5,"open_issues":54,"watchers":38,"default_branch":"master"}},"base":{"label":"CartoDB:master","ref":"master","sha":"3213f0da2b228b6f27e58d3693a0579c7f85191a","user":{"login":"CartoDB","id":1799254,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE3OTkyNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1799254?v=4","gravatar_id":"","url":"https://api.github.com/users/CartoDB","html_url":"https://github.com/CartoDB","followers_url":"https://api.github.com/users/CartoDB/followers","following_url":"https://api.github.com/users/CartoDB/following{/other_user}","gists_url":"https://api.github.com/users/CartoDB/gists{/gist_id}","starred_url":"https://api.github.com/users/CartoDB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CartoDB/subscriptions","organizations_url":"https://api.github.com/users/CartoDB/orgs","repos_url":"https://api.github.com/users/CartoDB/repos","events_url":"https://api.github.com/users/CartoDB/events{/privacy}","received_events_url":"https://api.github.com/users/CartoDB/received_events","type":"Organization","site_admin":false},"repo":{"id":119569997,"node_id":"MDEwOlJlcG9zaXRvcnkxMTk1Njk5OTc=","name":"airship","full_name":"CartoDB/airship","private":false,"owner":{"login":"CartoDB","id":1799254,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE3OTkyNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1799254?v=4","gravatar_id":"","url":"https://api.github.com/users/CartoDB","html_url":"https://github.com/CartoDB","followers_url":"https://api.github.com/users/CartoDB/followers","following_url":"https://api.github.com/users/CartoDB/following{/other_user}","gists_url":"https://api.github.com/users/CartoDB/gists{/gist_id}","starred_url":"https://api.github.com/users/CartoDB/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CartoDB/subscriptions","organizations_url":"https://api.github.com/users/CartoDB/orgs","repos_url":"https://api.github.com/users/CartoDB/repos","events_url":"https://api.github.com/users/CartoDB/events{/privacy}","received_events_url":"https://api.github.com/users/CartoDB/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/CartoDB/airship","description":"A design library for building Location Intelligence applications.","fork":false,"url":"https://api.github.com/repos/CartoDB/airship","forks_url":"https://api.github.com/repos/CartoDB/airship/forks","keys_url":"https://api.github.com/repos/CartoDB/airship/keys{/key_id}","collaborators_url":"https://api.github.com/repos/CartoDB/airship/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/CartoDB/airship/teams","hooks_url":"https://api.github.com/repos/CartoDB/airship/hooks","issue_events_url":"https://api.github.com/repos/CartoDB/airship/issues/events{/number}","events_url":"https://api.github.com/repos/CartoDB/airship/events","assignees_url":"https://api.github.com/repos/CartoDB/airship/assignees{/user}","branches_url":"https://api.github.com/repos/CartoDB/airship/branches{/branch}","tags_url":"https://api.github.com/repos/CartoDB/airship/tags","blobs_url":"https://api.github.com/repos/CartoDB/airship/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/CartoDB/airship/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/CartoDB/airship/git/refs{/sha}","trees_url":"https://api.github.com/repos/CartoDB/airship/git/trees{/sha}","statuses_url":"https://api.github.com/repos/CartoDB/airship/statuses/{sha}","languages_url":"https://api.github.com/repos/CartoDB/airship/languages","stargazers_url":"https://api.github.com/repos/CartoDB/airship/stargazers","contributors_url":"https://api.github.com/repos/CartoDB/airship/contributors","subscribers_url":"https://api.github.com/repos/CartoDB/airship/subscribers","subscription_url":"https://api.github.com/repos/CartoDB/airship/subscription","commits_url":"https://api.github.com/repos/CartoDB/airship/commits{/sha}","git_commits_url":"https://api.github.com/repos/CartoDB/airship/git/commits{/sha}","comments_url":"https://api.github.com/repos/CartoDB/airship/comments{/number}","issue_comment_url":"https://api.github.com/repos/CartoDB/airship/issues/comments{/number}","contents_url":"https://api.github.com/repos/CartoDB/airship/contents/{+path}","compare_url":"https://api.github.com/repos/CartoDB/airship/compare/{base}...{head}","merges_url":"https://api.github.com/repos/CartoDB/airship/merges","archive_url":"https://api.github.com/repos/CartoDB/airship/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/CartoDB/airship/downloads","issues_url":"https://api.github.com/repos/CartoDB/airship/issues{/number}","pulls_url":"https://api.github.com/repos/CartoDB/airship/pulls{/number}","milestones_url":"https://api.github.com/repos/CartoDB/airship/milestones{/number}","notifications_url":"https://api.github.com/repos/CartoDB/airship/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/CartoDB/airship/labels{/name}","releases_url":"https://api.github.com/repos/CartoDB/airship/releases{/id}","deployments_url":"https://api.github.com/repos/CartoDB/airship/deployments","created_at":"2018-01-30T17:28:26Z","updated_at":"2018-10-02T07:54:58Z","pushed_at":"2018-10-02T09:05:25Z","git_url":"git://github.com/CartoDB/airship.git","ssh_url":"git@github.com:CartoDB/airship.git","clone_url":"https://github.com/CartoDB/airship.git","svn_url":"https://github.com/CartoDB/airship","homepage":"https://carto.com/airship","size":8010,"stargazers_count":38,"watchers_count":38,"language":"TypeScript","has_issues":true,"has_projects":false,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":5,"mirror_url":null,"archived":false,"open_issues_count":54,"license":null,"forks":5,"open_issues":54,"watchers":38,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/327"},"html":{"href":"https://github.com/CartoDB/airship/pull/327"},"issue":{"href":"https://api.github.com/repos/CartoDB/airship/issues/327"},"comments":{"href":"https://api.github.com/repos/CartoDB/airship/issues/327/comments"},"review_comments":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/327/comments"},"review_comment":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/CartoDB/airship/pulls/327/commits"},"statuses":{"href":"https://api.github.com/repos/CartoDB/airship/statuses/e0d0da5c8f2c40c47c28784ebd2ff3d6ec7365c3"}},"author_association":"COLLABORATOR"}}
{"actor":{"display_login":"ivanmalagon"}}