{"action":"created","comment":{"url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/comments/77408406","id":77408406,"diff_hunk":"@@ -317,6 +317,50 @@ export default withStyles(({ color, unit }) => ({\n \n `className` and `style` props must not be used on the same elements as `css()`.\n \n+#### Example with React-Router's `Link`\n+[React-Router][react-router]'s [`<Link/>`][react-router-link] and `<IndexLink/>` components accept `activeClassName='...'` and `activeStyle={{...}}` as props. To mimic this functionality you can use React-Router's [`withRouter()`][react-router-with-router] HOC on top of `withStyles()`:\n+\n+```jsx\n+import React from 'react';\n+import { withRouter, IndexLink, Link } from 'react-router';\n+import { css, withStyles } from '../withStyles';\n+\n+function Nav ({ router, styles }) {","path":"README.md","position":null,"original_position":12,"commit_id":"10ce9a86908028af9256237ba9d1162bdfae1ff2","original_commit_id":"0d87df3987cdb57be0a513fdb3518c08e3da20cb","user":{"login":"lencioni","id":195534,"avatar_url":"https://avatars.githubusercontent.com/u/195534?v=3","gravatar_id":"","url":"https://api.github.com/users/lencioni","html_url":"https://github.com/lencioni","followers_url":"https://api.github.com/users/lencioni/followers","following_url":"https://api.github.com/users/lencioni/following{/other_user}","gists_url":"https://api.github.com/users/lencioni/gists{/gist_id}","starred_url":"https://api.github.com/users/lencioni/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lencioni/subscriptions","organizations_url":"https://api.github.com/users/lencioni/orgs","repos_url":"https://api.github.com/users/lencioni/repos","events_url":"https://api.github.com/users/lencioni/events{/privacy}","received_events_url":"https://api.github.com/users/lencioni/received_events","type":"User","site_admin":false},"body":"nit: no space between `Nav` and open paren","created_at":"2016-09-02T20:38:21Z","updated_at":"2016-09-02T20:38:21Z","html_url":"https://github.com/airbnb/react-with-styles/pull/22#discussion_r77408406","pull_request_url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22","_links":{"self":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/comments/77408406"},"html":{"href":"https://github.com/airbnb/react-with-styles/pull/22#discussion_r77408406"},"pull_request":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22"}}},"pull_request":{"url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22","id":83854877,"html_url":"https://github.com/airbnb/react-with-styles/pull/22","diff_url":"https://github.com/airbnb/react-with-styles/pull/22.diff","patch_url":"https://github.com/airbnb/react-with-styles/pull/22.patch","issue_url":"https://api.github.com/repos/airbnb/react-with-styles/issues/22","number":22,"state":"closed","locked":false,"title":"Add example of React-Router activeClassName workaround","user":{"login":"jaredpalmer","id":4060187,"avatar_url":"https://avatars.githubusercontent.com/u/4060187?v=3","gravatar_id":"","url":"https://api.github.com/users/jaredpalmer","html_url":"https://github.com/jaredpalmer","followers_url":"https://api.github.com/users/jaredpalmer/followers","following_url":"https://api.github.com/users/jaredpalmer/following{/other_user}","gists_url":"https://api.github.com/users/jaredpalmer/gists{/gist_id}","starred_url":"https://api.github.com/users/jaredpalmer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jaredpalmer/subscriptions","organizations_url":"https://api.github.com/users/jaredpalmer/orgs","repos_url":"https://api.github.com/users/jaredpalmer/repos","events_url":"https://api.github.com/users/jaredpalmer/events{/privacy}","received_events_url":"https://api.github.com/users/jaredpalmer/received_events","type":"User","site_admin":false},"body":"Adds an example to docs of how to mimic React-Router’s\n`activeClassName` using `withRouter` and a truthy expression passed to\n`css()`.","created_at":"2016-09-02T19:44:04Z","updated_at":"2016-09-02T20:38:21Z","closed_at":"2016-09-02T20:35:32Z","merged_at":null,"merge_commit_sha":"1ba17238876082671ffd194050cff178d536191f","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22/commits","review_comments_url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22/comments","review_comment_url":"https://api.github.com/repos/airbnb/react-with-styles/pulls/comments{/number}","comments_url":"https://api.github.com/repos/airbnb/react-with-styles/issues/22/comments","statuses_url":"https://api.github.com/repos/airbnb/react-with-styles/statuses/10ce9a86908028af9256237ba9d1162bdfae1ff2","head":{"label":"jaredpalmer:usage-with-react-router","ref":"usage-with-react-router","sha":"10ce9a86908028af9256237ba9d1162bdfae1ff2","user":{"login":"jaredpalmer","id":4060187,"avatar_url":"https://avatars.githubusercontent.com/u/4060187?v=3","gravatar_id":"","url":"https://api.github.com/users/jaredpalmer","html_url":"https://github.com/jaredpalmer","followers_url":"https://api.github.com/users/jaredpalmer/followers","following_url":"https://api.github.com/users/jaredpalmer/following{/other_user}","gists_url":"https://api.github.com/users/jaredpalmer/gists{/gist_id}","starred_url":"https://api.github.com/users/jaredpalmer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jaredpalmer/subscriptions","organizations_url":"https://api.github.com/users/jaredpalmer/orgs","repos_url":"https://api.github.com/users/jaredpalmer/repos","events_url":"https://api.github.com/users/jaredpalmer/events{/privacy}","received_events_url":"https://api.github.com/users/jaredpalmer/received_events","type":"User","site_admin":false},"repo":{"id":67243366,"name":"react-with-styles","full_name":"jaredpalmer/react-with-styles","owner":{"login":"jaredpalmer","id":4060187,"avatar_url":"https://avatars.githubusercontent.com/u/4060187?v=3","gravatar_id":"","url":"https://api.github.com/users/jaredpalmer","html_url":"https://github.com/jaredpalmer","followers_url":"https://api.github.com/users/jaredpalmer/followers","following_url":"https://api.github.com/users/jaredpalmer/following{/other_user}","gists_url":"https://api.github.com/users/jaredpalmer/gists{/gist_id}","starred_url":"https://api.github.com/users/jaredpalmer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jaredpalmer/subscriptions","organizations_url":"https://api.github.com/users/jaredpalmer/orgs","repos_url":"https://api.github.com/users/jaredpalmer/repos","events_url":"https://api.github.com/users/jaredpalmer/events{/privacy}","received_events_url":"https://api.github.com/users/jaredpalmer/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jaredpalmer/react-with-styles","description":"Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation","fork":true,"url":"https://api.github.com/repos/jaredpalmer/react-with-styles","forks_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/forks","keys_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/teams","hooks_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/hooks","issue_events_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/issues/events{/number}","events_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/events","assignees_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/assignees{/user}","branches_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/branches{/branch}","tags_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/tags","blobs_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/git/refs{/sha}","trees_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/statuses/{sha}","languages_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/languages","stargazers_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/stargazers","contributors_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/contributors","subscribers_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/subscribers","subscription_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/subscription","commits_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/commits{/sha}","git_commits_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/git/commits{/sha}","comments_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/comments{/number}","issue_comment_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/issues/comments{/number}","contents_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/contents/{+path}","compare_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/merges","archive_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/downloads","issues_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/issues{/number}","pulls_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/pulls{/number}","milestones_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/milestones{/number}","notifications_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/labels{/name}","releases_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/releases{/id}","deployments_url":"https://api.github.com/repos/jaredpalmer/react-with-styles/deployments","created_at":"2016-09-02T17:49:39Z","updated_at":"2016-09-02T17:49:40Z","pushed_at":"2016-09-02T20:18:15Z","git_url":"git://github.com/jaredpalmer/react-with-styles.git","ssh_url":"git@github.com:jaredpalmer/react-with-styles.git","clone_url":"https://github.com/jaredpalmer/react-with-styles.git","svn_url":"https://github.com/jaredpalmer/react-with-styles","homepage":"","size":34,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"airbnb:clarify-usage","ref":"clarify-usage","sha":"a9b462a5bce0e3eb1831b88da8c0391f474436af","user":{"login":"airbnb","id":698437,"avatar_url":"https://avatars.githubusercontent.com/u/698437?v=3","gravatar_id":"","url":"https://api.github.com/users/airbnb","html_url":"https://github.com/airbnb","followers_url":"https://api.github.com/users/airbnb/followers","following_url":"https://api.github.com/users/airbnb/following{/other_user}","gists_url":"https://api.github.com/users/airbnb/gists{/gist_id}","starred_url":"https://api.github.com/users/airbnb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/airbnb/subscriptions","organizations_url":"https://api.github.com/users/airbnb/orgs","repos_url":"https://api.github.com/users/airbnb/repos","events_url":"https://api.github.com/users/airbnb/events{/privacy}","received_events_url":"https://api.github.com/users/airbnb/received_events","type":"Organization","site_admin":false},"repo":{"id":66389842,"name":"react-with-styles","full_name":"airbnb/react-with-styles","owner":{"login":"airbnb","id":698437,"avatar_url":"https://avatars.githubusercontent.com/u/698437?v=3","gravatar_id":"","url":"https://api.github.com/users/airbnb","html_url":"https://github.com/airbnb","followers_url":"https://api.github.com/users/airbnb/followers","following_url":"https://api.github.com/users/airbnb/following{/other_user}","gists_url":"https://api.github.com/users/airbnb/gists{/gist_id}","starred_url":"https://api.github.com/users/airbnb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/airbnb/subscriptions","organizations_url":"https://api.github.com/users/airbnb/orgs","repos_url":"https://api.github.com/users/airbnb/repos","events_url":"https://api.github.com/users/airbnb/events{/privacy}","received_events_url":"https://api.github.com/users/airbnb/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/airbnb/react-with-styles","description":"Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation","fork":false,"url":"https://api.github.com/repos/airbnb/react-with-styles","forks_url":"https://api.github.com/repos/airbnb/react-with-styles/forks","keys_url":"https://api.github.com/repos/airbnb/react-with-styles/keys{/key_id}","collaborators_url":"https://api.github.com/repos/airbnb/react-with-styles/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/airbnb/react-with-styles/teams","hooks_url":"https://api.github.com/repos/airbnb/react-with-styles/hooks","issue_events_url":"https://api.github.com/repos/airbnb/react-with-styles/issues/events{/number}","events_url":"https://api.github.com/repos/airbnb/react-with-styles/events","assignees_url":"https://api.github.com/repos/airbnb/react-with-styles/assignees{/user}","branches_url":"https://api.github.com/repos/airbnb/react-with-styles/branches{/branch}","tags_url":"https://api.github.com/repos/airbnb/react-with-styles/tags","blobs_url":"https://api.github.com/repos/airbnb/react-with-styles/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/airbnb/react-with-styles/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/airbnb/react-with-styles/git/refs{/sha}","trees_url":"https://api.github.com/repos/airbnb/react-with-styles/git/trees{/sha}","statuses_url":"https://api.github.com/repos/airbnb/react-with-styles/statuses/{sha}","languages_url":"https://api.github.com/repos/airbnb/react-with-styles/languages","stargazers_url":"https://api.github.com/repos/airbnb/react-with-styles/stargazers","contributors_url":"https://api.github.com/repos/airbnb/react-with-styles/contributors","subscribers_url":"https://api.github.com/repos/airbnb/react-with-styles/subscribers","subscription_url":"https://api.github.com/repos/airbnb/react-with-styles/subscription","commits_url":"https://api.github.com/repos/airbnb/react-with-styles/commits{/sha}","git_commits_url":"https://api.github.com/repos/airbnb/react-with-styles/git/commits{/sha}","comments_url":"https://api.github.com/repos/airbnb/react-with-styles/comments{/number}","issue_comment_url":"https://api.github.com/repos/airbnb/react-with-styles/issues/comments{/number}","contents_url":"https://api.github.com/repos/airbnb/react-with-styles/contents/{+path}","compare_url":"https://api.github.com/repos/airbnb/react-with-styles/compare/{base}...{head}","merges_url":"https://api.github.com/repos/airbnb/react-with-styles/merges","archive_url":"https://api.github.com/repos/airbnb/react-with-styles/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/airbnb/react-with-styles/downloads","issues_url":"https://api.github.com/repos/airbnb/react-with-styles/issues{/number}","pulls_url":"https://api.github.com/repos/airbnb/react-with-styles/pulls{/number}","milestones_url":"https://api.github.com/repos/airbnb/react-with-styles/milestones{/number}","notifications_url":"https://api.github.com/repos/airbnb/react-with-styles/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/airbnb/react-with-styles/labels{/name}","releases_url":"https://api.github.com/repos/airbnb/react-with-styles/releases{/id}","deployments_url":"https://api.github.com/repos/airbnb/react-with-styles/deployments","created_at":"2016-08-23T17:49:48Z","updated_at":"2016-09-01T22:52:53Z","pushed_at":"2016-09-02T20:34:20Z","git_url":"git://github.com/airbnb/react-with-styles.git","ssh_url":"git@github.com:airbnb/react-with-styles.git","clone_url":"https://github.com/airbnb/react-with-styles.git","svn_url":"https://github.com/airbnb/react-with-styles","homepage":"","size":43,"stargazers_count":42,"watchers_count":42,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":2,"forks":1,"open_issues":2,"watchers":42,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22"},"html":{"href":"https://github.com/airbnb/react-with-styles/pull/22"},"issue":{"href":"https://api.github.com/repos/airbnb/react-with-styles/issues/22"},"comments":{"href":"https://api.github.com/repos/airbnb/react-with-styles/issues/22/comments"},"review_comments":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22/comments"},"review_comment":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/airbnb/react-with-styles/pulls/22/commits"},"statuses":{"href":"https://api.github.com/repos/airbnb/react-with-styles/statuses/10ce9a86908028af9256237ba9d1162bdfae1ff2"}}}}
{"actor":{"display_login":"lencioni"}}