{"action":"created","issue":{"url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/43","repository_url":"https://api.github.com/repos/4Catalyzer/astroturf","labels_url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/43/labels{/name}","comments_url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/43/comments","events_url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/43/events","html_url":"https://github.com/4Catalyzer/astroturf/issues/43","id":365587429,"node_id":"MDU6SXNzdWUzNjU1ODc0Mjk=","number":43,"title":"Rewrite first paragraph","user":{"login":"ai","id":19343,"node_id":"MDQ6VXNlcjE5MzQz","avatar_url":"https://avatars1.githubusercontent.com/u/19343?v=4","gravatar_id":"","url":"https://api.github.com/users/ai","html_url":"https://github.com/ai","followers_url":"https://api.github.com/users/ai/followers","following_url":"https://api.github.com/users/ai/following{/other_user}","gists_url":"https://api.github.com/users/ai/gists{/gist_id}","starred_url":"https://api.github.com/users/ai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ai/subscriptions","organizations_url":"https://api.github.com/users/ai/orgs","repos_url":"https://api.github.com/users/ai/repos","events_url":"https://api.github.com/users/ai/events{/privacy}","received_events_url":"https://api.github.com/users/ai/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2018-10-01T18:32:25Z","updated_at":"2018-10-02T14:18:06Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"The first paragraph is critical for open source tool promotion. We spend few days in rewriting main thee first sentence in PostCSS docs.\r\n\r\nThe current first paragraph is good, but we can do it better:\r\n\r\n1. Explain what is a difference. Most styled-components users don’t know how it works inside.\r\n2. Use simple English since most of the developers are not English native speakers.\r\n3. Talk to users of non-CSS-in-JS solutions\r\n\r\nMy first draft (it definitely should be changes, at least English should be fixed):\r\n\r\n> astroturf is zero-runtime CSS-in-JS. In contrast to styled-components it doesn’t compile CSS in brower. astroturf use Babel to compile styled to static CSS once on deploy for better perfomance. It’s just works with CSS, PostCSS, Less, Sass, or any other css preprocessor, and plays nicely with existing style tooling like mini-css-extract-plugin.\r\n>\r\n> [code example]\r\n>\r\n> astroturf allows you to write CSS in JS files, so have the whole component in the single file. Like CSS Modules it has built-in CSS isolation for better code maintainability."},"comment":{"url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/comments/426291151","html_url":"https://github.com/4Catalyzer/astroturf/issues/43#issuecomment-426291151","issue_url":"https://api.github.com/repos/4Catalyzer/astroturf/issues/43","id":426291151,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNjI5MTE1MQ==","user":{"login":"ai","id":19343,"node_id":"MDQ6VXNlcjE5MzQz","avatar_url":"https://avatars1.githubusercontent.com/u/19343?v=4","gravatar_id":"","url":"https://api.github.com/users/ai","html_url":"https://github.com/ai","followers_url":"https://api.github.com/users/ai/followers","following_url":"https://api.github.com/users/ai/following{/other_user}","gists_url":"https://api.github.com/users/ai/gists{/gist_id}","starred_url":"https://api.github.com/users/ai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ai/subscriptions","organizations_url":"https://api.github.com/users/ai/orgs","repos_url":"https://api.github.com/users/ai/repos","events_url":"https://api.github.com/users/ai/events{/privacy}","received_events_url":"https://api.github.com/users/ai/received_events","type":"User","site_admin":false},"created_at":"2018-10-02T14:18:06Z","updated_at":"2018-10-02T14:18:06Z","author_association":"CONTRIBUTOR","body":"I like the list. It is easy to overview the idea before reading when text has good structure.\r\n\r\nWhat if we even highlight the main ideas:\r\n\r\nWith **astroturf**, you can:\r\n\r\n* **Zero runtime CSS-in-JS.** Get many of the same benefits as CSS-in-JS, but without the loss of flexibility in requiring framework-specific CSS processing, and while keeping all of the emitted CSS fully static\r\n* Use your existing tools – **Sass, PostCSS, Less** – but still write your style definitions in your JavaScript files\r\n* **Whole component in the single file.** Write CSS in a template literal, then use it as if it were in a separate file"}}
{"actor":{"display_login":"ai"}}